@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.navbar[data-v-25e4ef1b]{display:flex;justify-content:space-between;align-items:center;padding:0 32px;height:64px;background:var(--color-background);border-bottom:3px solid var(--color-border);position:relative}.navbar__left[data-v-25e4ef1b]{display:flex;align-items:center;gap:32px}.navbar__menu[data-v-25e4ef1b]{display:flex;gap:24px;list-style:none;margin:0;padding:0}.navbar__menu li a[data-v-25e4ef1b]{text-decoration:none;color:var(--color-text-primary);font-weight:700;border:3px solid var(--color-border);padding:8px 16px;background:var(--color-surface);transition:all .2s ease}.navbar__menu li a[data-v-25e4ef1b]:hover{background:var(--color-secondary);color:var(--color-border)}.navbar__logo img[data-v-25e4ef1b]{height:40px;width:40px;background:var(--color-surface)}.navbar__cta[data-v-25e4ef1b]{display:flex;gap:16px;align-items:center}.navbar__cta .cta-btn[data-v-25e4ef1b]{background:var(--color-primary);color:var(--color-background);border:3px solid var(--color-border);padding:8px 16px;cursor:pointer;font-weight:700;box-shadow:4px 4px 0 var(--color-border);transition:transform .1s;text-decoration:none}.navbar__cta .cta-btn[data-v-25e4ef1b]:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}.navbar__cta .pricing[data-v-25e4ef1b]{background:var(--color-secondary);color:var(--color-border)}.navbar__toggle[data-v-25e4ef1b]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;z-index:20}.navbar__toggle span[data-v-25e4ef1b]{width:25px;height:3px;background:var(--color-border);display:block}.navbar__mobile-menu[data-v-25e4ef1b]{display:none}.navbar__mobile-cta[data-v-25e4ef1b]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0}.navbar__mobile-cta .cta-btn[data-v-25e4ef1b]{background:var(--color-primary);color:var(--color-background);border:3px solid var(--color-border);padding:12px;font-weight:700;box-shadow:4px 4px 0 var(--color-border);width:90%;max-width:320px;text-align:center;transition:transform .1s;text-decoration:none}.navbar__mobile-cta .cta-btn[data-v-25e4ef1b]:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}@media (max-width: 900px){.navbar[data-v-25e4ef1b]{padding:0 16px}.navbar__menu[data-v-25e4ef1b]{gap:16px}}@media (max-width: 700px){.navbar__menu[data-v-25e4ef1b],.navbar__cta[data-v-25e4ef1b]{display:none}.navbar__toggle[data-v-25e4ef1b]{display:flex}.navbar__mobile-menu[data-v-25e4ef1b]{display:block;position:absolute;top:64px;left:0;width:100%;background:var(--color-background);border-top:3px solid var(--color-border);z-index:10;animation:slideDown-25e4ef1b .3s ease;padding:16px 0;box-shadow:0 4px 6px #0000001a}.navbar__mobile-menu ul[data-v-25e4ef1b]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%}.navbar__mobile-menu li[data-v-25e4ef1b]{width:100%;display:flex;justify-content:center}.navbar__mobile-menu li a[data-v-25e4ef1b]{text-decoration:none;color:var(--color-text-primary);font-weight:700;border:3px solid var(--color-border);background:var(--color-surface);padding:12px;width:90%;max-width:320px;text-align:center;transition:all .2s ease;box-sizing:border-box}.navbar__mobile-menu li a[data-v-25e4ef1b]:hover{background:var(--color-secondary);color:var(--color-border)}.navbar__mobile-menu .cta-btn[data-v-25e4ef1b]{background:var(--color-primary);color:var(--color-background);border:3px solid var(--color-border);padding:12px;font-weight:700;box-shadow:4px 4px 0 var(--color-border);width:90%;max-width:320px;text-align:center;transition:transform .1s;text-decoration:none}.navbar__mobile-menu .cta-btn[data-v-25e4ef1b]:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}.navbar__mobile-menu .pricing[data-v-25e4ef1b]{background:var(--color-secondary);color:var(--color-border)}}@keyframes slideDown-25e4ef1b{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.footer[data-v-83b1d620]{background:var(--color-surface);border-top:1px solid var(--color-border);padding:48px 24px 16px;box-shadow:inset 0 6px 0 var(--color-border);font-family:var(--font-body)}.footer__container[data-v-83b1d620]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;max-width:1200px;margin:0 auto}.footer__brand[data-v-83b1d620]{flex:1 1 280px}.footer__logo[data-v-83b1d620]{width:80px;height:auto;margin-bottom:12px}.footer__brand p[data-v-83b1d620]{font-size:1rem;color:var(--color-text-primary)}.footer__links[data-v-83b1d620],.footer__contact[data-v-83b1d620]{flex:1 1 200px}.footer__links h4[data-v-83b1d620],.footer__contact h4[data-v-83b1d620]{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--color-primary)}.footer__links ul[data-v-83b1d620]{list-style:none;padding:0}.footer__links li[data-v-83b1d620]{margin-bottom:8px}.footer__links a[data-v-83b1d620]{color:var(--color-text-primary);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s}.footer__links a[data-v-83b1d620]:hover{border-color:var(--color-primary)}.footer__contact p[data-v-83b1d620]{margin-bottom:8px;font-size:1rem;color:var(--color-text-primary)}.footer__bottom[data-v-83b1d620]{text-align:center;margin-top:32px;padding-top:16px;border-top:2px solid var(--color-border);font-size:.9rem;color:var(--color-text-secondary, #555)}:root{--color-primary: #ff0055;--color-secondary: #ffd500;--color-background: #ffffff;--color-surface: #f4f4f4;--color-border: #000000;--color-text-primary: #000000;--color-text-accent: #ff0055;--font-heading: "Open Sans", sans-serif;--font-body: "Inter", sans-serif}*{scroll-behavior:smooth}html{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}body{margin:0;padding:0;font-weight:400;line-height:1.6;font-size:16px;color:var(--color-text-primary);background-color:var(--color-surface)}h1{font-size:3rem;font-weight:700}h2{font-size:2.25rem;font-weight:700}.container{max-width:1024px;margin:0 auto;padding:0 16px}.hero[data-v-45f0ce49]{border-bottom:3px solid var(--color-border);padding:3rem 0;margin:2rem 0}.hero__wrapper[data-v-45f0ce49]{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.hero__content[data-v-45f0ce49]{flex:1 1 300px}.hero__title[data-v-45f0ce49]{font-size:2.5rem;margin-bottom:1rem}.hero__subtitle[data-v-45f0ce49]{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;background-color:var(--color-secondary);padding:10px;border:2px solid var(--color-border)}.hero__cta[data-v-45f0ce49]{background-color:var(--color-primary);color:#fff;border:2px solid var(--color-border);padding:.75rem 1.5rem;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--color-border);transition:transform .1s ease-in-out;text-decoration:none}.hero__cta[data-v-45f0ce49]:hover{transform:translateY(-2px)}.hero__image[data-v-45f0ce49]{flex:1 1 300px;display:flex;justify-content:center;align-items:center;transform:rotate(2deg)}.hero__image img[data-v-45f0ce49]{max-width:100%;height:auto;border:3px solid var(--color-border)}@media (max-width: 600px){.hero__title[data-v-45f0ce49]{font-size:1.75rem}.hero__subtitle[data-v-45f0ce49]{font-size:1rem}.hero__wrapper[data-v-45f0ce49]{flex-direction:column}}.service[data-v-548cb904]{padding:64px 0;border-top:3px solid var(--color-border);border-bottom:3px solid var(--color-border)}.service__title[data-v-548cb904]{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:48px;background:var(--color-secondary);color:var(--color-border);padding:12px 24px;border:3px solid var(--color-border);display:inline-block;transform:rotate(-2deg)}.service__grid[data-v-548cb904]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.service__card[data-v-548cb904]{background:var(--color-background);border:3px solid var(--color-border);padding:24px;box-shadow:6px 6px 0 var(--color-border);transition:transform .1s ease-in-out}.service__card[data-v-548cb904]:hover{transform:translateY(-2px)}.service__card h3[data-v-548cb904]{font-size:1.5rem;margin-bottom:12px;color:var(--color-primary)}.service__card p[data-v-548cb904]{font-size:1rem}.service__card[data-v-548cb904]:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--color-border)}.carousel__container[data-v-16b1393d]{position:relative;max-width:100%;overflow-x:hidden;box-sizing:border-box}.carousel__wrapper[data-v-16b1393d]{overflow:hidden;border-radius:8px}.carousel__track[data-v-16b1393d]{display:flex;transition:transform .4s ease;width:100%}.carousel__slide[data-v-16b1393d]{width:100%;flex-shrink:0}.slide__grid[data-v-16b1393d]{display:grid;gap:24px;padding:20px}.grid-1[data-v-16b1393d]{grid-template-columns:1fr}.grid-2[data-v-16b1393d]{grid-template-columns:repeat(2,1fr)}.grid-3[data-v-16b1393d]{grid-template-columns:repeat(3,1fr)}.grid-4[data-v-16b1393d]{grid-template-columns:repeat(4,1fr)}.carousel__item[data-v-16b1393d]{border:3px solid var(--color-border);background:var(--color-surface);padding:20px;text-align:center;transition:transform .1s ease-in-out;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:90%}.carousel__item[data-v-16b1393d]:hover{transform:translateY(-4px)}.carousel__item img[data-v-16b1393d]{width:100%;height:200px;object-fit:cover;margin-bottom:12px;border:2px solid var(--color-border);border-radius:6px}.carousel__item h3[data-v-16b1393d]{font-size:1.2rem;color:var(--color-primary);margin-bottom:8px}.carousel__item p[data-v-16b1393d]{font-size:.9rem;line-height:1.4;color:var(--color-text, #333)}.carousel__btn[data-v-16b1393d]{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-primary);color:#fff;border:3px solid var(--color-border);width:48px;height:48px;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:3;transition:transform .2s ease}.carousel__btn__prev[data-v-16b1393d]{left:10px}.carousel__btn__next[data-v-16b1393d]{right:10px}.carousel__btn[data-v-16b1393d]:hover:not(.carousel__btn__disabled){background:var(--color-secondary);transform:translateY(-60%) translateY(-2px)}.carousel__btn__disabled[data-v-16b1393d]{opacity:.5;cursor:not-allowed;background:#ccc;color:#777;border-style:dashed}.carousel_dots[data-v-16b1393d]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;margin-bottom:24px}.carousel__dot[data-v-16b1393d]{all:unset;display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.carousel__dot[data-v-16b1393d]:hover{background:var(--color-secondary)}.carousel__dot__active[data-v-16b1393d]{background:var(--color-primary);box-shadow:2px 2px 0 var(--color-border)}@media (max-width: 1023px) and (min-width: 768px){.carousel__btn__prev[data-v-16b1393d]{left:0}.carousel__btn__next[data-v-16b1393d]{right:0}}@media (max-width: 767px){.carousel__btn[data-v-16b1393d]{width:40px;height:40px;font-size:1.2rem}.carousel__btn__prev[data-v-16b1393d]{left:10px}.carousel__btn__next[data-v-16b1393d]{right:10px}.carousel__item img[data-v-16b1393d]{height:160px}.carousel__item[data-v-16b1393d]{padding:16px}}.modal__overlay[data-v-0eb5602b]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal__content[data-v-0eb5602b]{background:var(--color-surface);border:3px solid var(--color-border);padding:24px;max-width:700px;width:90%;border-radius:8px;box-shadow:6px 6px 0 var(--color-border);position:relative;text-align:center}.modal__close[data-v-0eb5602b]{position:absolute;top:4px;right:8px;font-size:1.5rem;background:var(--color-primary);border:none;cursor:pointer;color:var(--color-surface)}.modal__carousel__item img[data-v-0eb5602b]{width:100%;max-height:400px;object-fit:cover;margin-bottom:16px;border:2px solid var(--color-border);border-radius:6px}.modal__fallback__image[data-v-0eb5602b]{width:100%;max-height:300px;object-fit:cover;margin-bottom:16px;border:2px solid var(--color-border);border-radius:6px}.modal__author[data-v-0eb5602b]{display:block;margin-top:12px;font-size:.85rem;font-style:italic;color:var(--color-text, #555)}.fade-zoom-enter-active[data-v-0eb5602b],.fade-zoom-leave-active[data-v-0eb5602b]{transition:all .3s ease}.fade-zoom-enter-from[data-v-0eb5602b],.fade-zoom-leave-to[data-v-0eb5602b]{opacity:0;transform:scale(.95)}.portofolio[data-v-e6108123]{padding-bottom:30px;border-bottom:3px solid var(--color-border)}.portofolio__title[data-v-e6108123]{font-size:2.5rem!important;font-weight:700;text-align:center;margin-bottom:48px;background:var(--color-secondary);color:var(--color-border);padding:12px 24px;border:3px solid var(--color-border);display:inline-block;transform:rotate(-2deg)}.portofolio__item[data-v-e6108123]{border:3px solid var(--color-border);background:var(--color-surface);box-shadow:6px 6px 0 var(--color-border);padding:20px;text-align:center;transition:transform .1s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:90%;min-height:400px}.portofolio__item[data-v-e6108123]:hover{transform:translateY(-4px)}.portofolio__item img[data-v-e6108123]{width:100%;height:200px;object-fit:cover;margin-bottom:12px;border:2px solid var(--color-border);border-radius:6px}.portofolio__content[data-v-e6108123]{display:flex;flex-direction:column;flex-grow:1;gap:8px}.portofolio__item h3[data-v-e6108123]{font-size:1.2rem;color:var(--color-primary);margin-bottom:8px;font-weight:600}.portofolio__item p[data-v-e6108123]{font-size:.9rem;line-height:1.4;color:var(--color-text, #333);flex-grow:1;margin-bottom:12px}.portofolio__meta[data-v-e6108123]{margin-top:auto;display:flex;flex-direction:column;gap:8px}.portofolio__category[data-v-e6108123]{display:inline-block;background:var(--color-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portofolio__author[data-v-e6108123]{display:block;font-style:italic;color:var(--color-text, #666);font-size:.85rem}@media (max-width: 767px){.portofolio__item[data-v-e6108123]{padding:16px;min-height:350px}.portofolio__item img[data-v-e6108123]{height:160px}.portofolio__title[data-v-e6108123]{font-size:2rem;padding:8px 16px}}.pricing[data-v-75087709]{padding:64px 0;border-bottom:3px solid var(--color-border)}.pricing__title[data-v-75087709]{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:24px;background:var(--color-secondary);color:var(--color-border);padding:12px 24px;border:3px solid var(--color-border);display:inline-block;transform:rotate(-2deg)}.pricing__filters[data-v-75087709]{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.pricing__filters button[data-v-75087709]{background:var(--color-surface);border:2px solid var(--color-border);padding:8px 16px;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--color-border);transition:all .2s ease}.pricing__filters .active[data-v-75087709]{background:var(--color-primary);color:var(--color-background)}.pricing__grid[data-v-75087709]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.pricing__card[data-v-75087709]{background:var(--color-surface);border:3px solid var(--color-border);padding:24px;box-shadow:6px 6px 0 var(--color-border);text-align:center;transition:transform .2s ease-in-out}.pricing__card[data-v-75087709]:hover{transform:translateY(-2px)}.pricing__card h3[data-v-75087709]{font-size:1.5rem;color:var(--color-primary);margin-bottom:8px}.pricing__price[data-v-75087709]{font-size:1.25rem;font-weight:700;margin-bottom:16px}.pricing__card ul[data-v-75087709]{list-style:none;padding:0;margin-bottom:16px}.pricing__card li[data-v-75087709]{margin-bottom:8px;font-size:1rem}.about[data-v-135dab5c]{padding:64px 0;border-bottom:1px solid var(--color-border)}.about__title[data-v-135dab5c]{font-size:2.5rem;font-weight:700;text-align:center;background:var(--color-secondary);padding:12px 24px;border:3px solid var(--color-border);margin-bottom:40px;display:inline-block;transform:rotate(-2deg)}.about__content[data-v-135dab5c]{background:var(--color-surface);border:3px solid var(--color-border);box-shadow:6px 6px 0 var(--color-border);padding:24px;font-size:1.125rem;line-height:1.6}.contact[data-v-f9164b90]{padding:64px 0;margin-bottom:40px}.contact__title[data-v-f9164b90]{font-size:2.5rem;font-weight:700;text-align:center;background:var(--color-secondary);padding:12px 24px;border:3px solid var(--color-border);margin-bottom:40px;display:inline-block;transform:rotate(-2deg)}.contact__form[data-v-f9164b90]{background:var(--color-surface);border:3px solid var(--color-border);box-shadow:6px 6px 0 var(--color-border);padding:24px;display:flex;flex-direction:column;gap:16px}.contact__form input[data-v-f9164b90],.contact__form textarea[data-v-f9164b90]{padding:12px;border:2px solid var(--color-border);font-size:1rem;font-family:inherit;resize:none}.contact__form button[data-v-f9164b90]{background:var(--color-primary);color:var(--color-background);border:2px solid var(--color-border);padding:.75rem;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--color-border);transition:transform .1s}.contact__form button[data-v-f9164b90]:hover{transform:translateY(-2px)}.contact__form button[disabled][data-v-f9164b90]{opacity:.6;cursor:not-allowed}.toast[data-v-f9164b90]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;color:#fff;font-weight:700;z-index:9999;-webkit-user-select:none;user-select:none;box-shadow:0 3px 6px #0000004d;animation:fadein-f9164b90 .3s ease forwards}.toast.success[data-v-f9164b90]{background-color:#4caf50}.toast.error[data-v-f9164b90]{background-color:#f44336}@keyframes fadein-f9164b90{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}