@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--color-primary:#06f;--color-primary-dark:#004ecc;--color-accent:#00c2ff;--color-bg:#fff;--color-surface:#f8fafc;--color-text-main:#0f172a;--color-text-muted:#64748b;--gradient-main:linear-gradient(135deg,#06f 0%,#00c2ff 100%);--gradient-mesh:radial-gradient(at 0% 0%,#85c2ff 0,transparent 50%),radial-gradient(at 50% 0%,#80dfff 0,transparent 50%),radial-gradient(at 100% 0%,#6cf 0,transparent 50%);--font-main:"Outfit",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-pill:9999px;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0066ff1a,0 4px 6px -2px #0066ff0d;--shadow-lg:0 20px 25px -5px #0066ff26,0 10px 10px -5px #0066ff1a;--shadow-glow:0 0 20px #00c2ff80;--glass:#ffffffb3;--glass-border:1px solid #ffffff80;--blur:blur(12px);--transition-fast:all .2s cubic-bezier(.4,0,.2,1);--transition-normal:all .4s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}.btn{border-radius:var(--radius-pill);transition:var(--transition-normal);justify-content:center;align-items:center;gap:.5rem;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn i{font-size:1.1em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #00c2ff66}70%{box-shadow:0 0 0 15px #00c2ff00}}@keyframes shine{0%{left:-100%}to{left:100%}}.animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}[data-nextjs-toast],nextjs-portal{display:none!important}
.navbar{-webkit-backdrop-filter:blur(16px);z-index:1000;width:100%;height:80px;transition:var(--transition-normal);background-color:#ffffffd9;border-bottom:1px solid #ffffff80;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar-container{width:100%;max-width:1280px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.navbar-logo{transition:var(--transition-normal);align-items:center;display:flex}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo img{object-fit:contain;width:auto;height:48px}.navbar-cta{background:var(--gradient-main);color:#fff;border-radius:var(--radius-pill);transition:var(--transition-normal);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar-cta i{font-size:1.1em}.navbar-cta:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:768px){.navbar-logo img{height:36px}}
.hero{background-color:var(--color-bg);justify-content:center;align-items:center;padding:180px 0 120px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:var(--gradient-mesh);opacity:.4;z-index:1;filter:blur(80px);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;max-width:900px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);color:var(--color-primary);background:#fff;border:1px solid #0066ff1a;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.hero-badge i{color:var(--color-accent)}.hero-title{color:var(--color-text-main);margin-bottom:var(--spacing-sm);letter-spacing:-2px;background:linear-gradient(135deg,#0f172a 30%,#06f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:4.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:650px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.7}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-whatsapp{color:#fff;background-color:#25d366;box-shadow:0 10px 20px -5px #25d36666}.btn-whatsapp:hover{background-color:#1faf5e;transform:translateY(-3px);box-shadow:0 15px 30px -5px #25d36680}.btn-shopee{color:#fff;background-color:#ee4d2d;box-shadow:0 10px 20px -5px #ee4d2d66}.btn-shopee:hover{background-color:#d33b1d;transform:translateY(-3px);box-shadow:0 15px 30px -5px #ee4d2d80}.hero-decoration{color:var(--color-primary);opacity:.1;z-index:1;font-size:2rem;animation:6s ease-in-out infinite float;position:absolute}.dec-1{font-size:3rem;animation-delay:0s;top:20%;left:10%}.dec-2{font-size:4rem;animation-delay:2s;top:30%;right:15%}.dec-3{font-size:2.5rem;animation-delay:1s;bottom:20%;left:15%}@media (max-width:768px){.hero{padding:140px 0 80px}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.1rem}.hero-badge{margin-bottom:var(--spacing-sm)}}
.stats{background:var(--color-primary);color:#fff;padding:60px 0}.stats-container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:40px;display:flex}.stat-item{text-align:center}.stat-number{margin-bottom:5px;font-size:2.5rem;font-weight:800;display:block}.stat-label{opacity:.9;font-size:1rem;font-weight:500}@media (max-width:600px){.stats-container{flex-direction:column;gap:30px}}
.features{background-color:var(--color-light-gray);padding:120px 0;position:relative}.features:before{content:"";background-image:linear-gradient(#fffc,#fffc),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230055c4' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.features .container{z-index:2;position:relative}.section-title{text-align:center;margin-bottom:var(--spacing-sm);color:var(--color-text-main);font-size:2.5rem}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-lg)}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{border-radius:var(--radius-md);transition:var(--transition-normal);text-align:left;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000d;padding:40px 30px;position:relative;overflow:hidden}.feature-card:after{content:"";background:var(--gradient-main);transform-origin:0;width:100%;height:4px;transition:var(--transition-normal);position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-card:hover:after{transform:scaleX(1)}.feature-icon-wrapper{border-radius:var(--radius-md);background:var(--color-light-gray);width:70px;height:70px;margin-bottom:var(--spacing-md);transition:var(--transition-normal);justify-content:center;align-items:center;display:flex;position:relative}.feature-icon{color:var(--color-primary);background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem}.feature-card:hover .feature-icon-wrapper{background:#0066ff1a;transform:rotate(5deg)}.feature-title{margin-bottom:var(--spacing-sm);color:var(--color-text-main);font-size:1.35rem;font-weight:700}.feature-desc{color:var(--color-text-muted);font-size:1rem;line-height:1.6}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid{grid-template-columns:1fr;gap:20px}.features{padding:80px 0}}
.how-it-works{background-color:var(--color-bg);text-align:center;padding:100px 0}.steps-container{justify-content:space-between;gap:20px;margin-top:60px;display:flex;position:relative}.steps-container:before{content:"";background-image:linear-gradient(to right,var(--color-light-gray)50%,transparent 50%);z-index:1;background-size:20px 100%;height:2px;position:absolute;top:40px;left:50px;right:50px}.step-item{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-icon-box{border:2px solid var(--color-light-gray);width:80px;height:80px;box-shadow:var(--shadow-sm);transition:var(--transition-normal);color:var(--color-text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex}.step-item:hover .step-icon-box{border-color:var(--color-primary);color:#fff;background:var(--color-primary);transform:scale(1.1);box-shadow:0 0 0 8px #0066ff1a}.step-number{background:var(--color-accent);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-10px;right:calc(50% - 35px)}.step-title{color:var(--color-text-main);margin-bottom:8px;font-size:1.1rem;font-weight:700}.step-desc{color:var(--color-text-muted);max-width:200px;font-size:.9rem;line-height:1.5}@media (max-width:768px){.steps-container{flex-direction:column;gap:40px}.steps-container:before{background-image:linear-gradient(to bottom,var(--color-light-gray)50%,transparent 50%);background-size:100% 20px;width:2px;height:100%;top:40px;left:40px;right:auto}.step-item{text-align:left;flex-direction:row;gap:20px}.step-number{top:5px;left:55px;right:auto}}
.faq{background-color:var(--color-light-gray);padding:100px 0}.faq-grid{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px;display:grid}.faq-item{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background:#fff;padding:30px}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.faq-question i{color:var(--color-primary);margin-top:2px;font-size:1.25rem}.faq-item h3{color:var(--color-text-main);font-size:1.1rem;font-weight:700}.faq-answer{color:var(--color-text-muted);padding-left:35px;font-size:.95rem;line-height:1.6}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}
.footer{background-color:var(--color-surface);border-top:1px solid #0000000d;padding:80px 0 30px;position:relative}.footer-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.footer-brand{flex:1.5;min-width:300px}.footer-logo{width:auto;height:40px;margin-bottom:var(--spacing-sm);filter:grayscale();opacity:.8;transition:var(--transition-normal)}.footer-logo:hover{filter:grayscale(0%);opacity:1}.footer-desc{color:var(--color-text-muted);max-width:350px;font-size:1rem;line-height:1.6}.footer-section{flex:1;min-width:200px}.footer-title{color:var(--color-text-main);margin-bottom:20px;font-size:1.1rem;font-weight:700;display:inline-block;position:relative}.footer-title:after{content:"";background:var(--color-primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:-8px;left:0}.footer-links{list-style:none}.footer-links li{margin-bottom:16px}.footer-link{color:var(--color-text-muted);transition:var(--transition-normal);align-items:center;gap:10px;font-size:.95rem;display:inline-flex}.footer-link i{color:var(--color-primary);opacity:.8;width:20px}.footer-link:hover{color:var(--color-primary);transform:translate(4px)}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding-top:30px;font-size:.9rem;display:flex}.social-links{gap:15px;display:flex}.social-link{width:36px;height:36px;color:var(--color-text-muted);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}@media (max-width:768px){.footer-content{flex-direction:column;gap:40px}.footer-bottom{flex-direction:column;gap:20px}}
.pricelist{background-color:var(--color-bg);padding:var(--spacing-xl)0}.pricelist-grid{margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:30px;display:grid}.price-card{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal);border:1px solid #0000000d;flex-direction:column;padding:30px;display:flex;position:relative;overflow:hidden}.price-card:hover{box-shadow:var(--shadow-lg);border-color:#0066ff1a;transform:translateY(-10px)}.price-card:before{content:"";background:var(--gradient-main);opacity:0;width:100%;height:4px;transition:var(--transition-fast);position:absolute;top:0;left:0}.price-card:hover:before{opacity:1}.price-header{text-align:center;border-bottom:1px solid #0000000d;margin-bottom:20px;padding-bottom:20px}.follower-count{color:var(--color-primary);font-size:2.5rem;font-weight:800;line-height:1;font-family:var(--font-main);margin-bottom:5px}.follower-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500}.price-body{text-align:center;flex:1;margin-bottom:25px}.price-amount{color:var(--color-text-main);margin-bottom:20px;font-size:2rem;font-weight:700}.price-features{text-align:left;margin:0 auto;list-style:none;display:inline-block}.price-features li{color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.95rem;display:flex}.price-features i{color:#10b981;font-size:1.1rem}.price-footer{text-align:center}.btn-primary{background:var(--gradient-main);color:#fff;border:none;box-shadow:0 4px 15px #06f3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}.w-full{width:100%}.text-center{text-align:center}.section-header{margin-bottom:var(--spacing-lg)}.section-title{letter-spacing:-.02em;margin-bottom:10px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}