.fade-left,.fade-right,.fade-up{transition:.7s cubic-bezier(.16, 1, .3, 1);opacity:0}*{font-family:Poppins,sans-serif}::selection{background:#2563eb;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:99px}.dark ::-webkit-scrollbar-thumb{background:#1e40af}.fade-up{transform:translateY(40px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-left{transform:translateX(-40px)}.fade-left.visible,.fade-right.visible{opacity:1;transform:translateX(0)}.fade-right{transform:translateX(40px)}.scale-in{opacity:0;transform:scale(.9);transition:.6s cubic-bezier(.16, 1, .3, 1)}.scale-in.visible{opacity:1;transform:scale(1)}.delay-100{transition-delay:0.1s!important}.delay-200{transition-delay:0.2s!important}.delay-300{transition-delay:0.3s!important}.delay-400{transition-delay:0.4s!important}.delay-500{transition-delay:0.5s!important}.delay-600{transition-delay:0.6s!important}.delay-700{transition-delay:0.7s!important}.card-hover{transition:.35s cubic-bezier(.16, 1, .3, 1)}.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(37,99,235,.15)}.dark .card-hover:hover{box-shadow:0 20px 40px -12px rgba(37,99,235,.3)}.btn-shine{position:relative;overflow:hidden}.btn-shine::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translateX(-100%);transition:none}.btn-shine:hover::after{transform:translateX(100%);transition:transform .6s}.nav-scrolled{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px)!important;box-shadow:0 1px 20px rgba(0,0,0,.06)!important}.dark .nav-scrolled{background:rgba(15,23,42,.92)!important;box-shadow:0 1px 20px rgba(0,0,0,.3)!important}.pricing-popular{position:relative;border:2px solid #2563eb}.pricing-popular::before{content:'Paling Direkomendasikan';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:11px;font-weight:600;padding:4px 16px;border-radius:99px;white-space:nowrap}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16, 1, .3, 1),padding .3s}.faq-answer.open{max-height:300px}.faq-icon{transition:transform .3s}.faq-icon.rotated{transform:rotate(45deg)}.wa-float{animation:2s ease-in-out infinite wa-bounce}@keyframes wa-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.timeline-line{position:absolute;top:24px;left:24px;right:24px;height:2px;background:#dbeafe;z-index:0}.dark .timeline-line{background:#1e3a8a}.gradient-text{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-anim{animation:4s ease-in-out infinite float-slow}.float-anim-delay{animation:4s ease-in-out 1s infinite float-slow}.mobile-menu{transform:translateX(100%);transition:transform .35s cubic-bezier(.16, 1, .3, 1)}.mobile-menu.open{transform:translateX(0)}.hero-illustration-wrap{position:relative;padding:24px}@media (min-width:1024px){.hero-illustration-wrap{padding:16px 16px 48px}}.floating-card{position:absolute;z-index:10}.floating-card-bottom{bottom:20px;left:8px}.floating-card-top{top:20px;right:8px}@media (max-width:640px){.floating-card-bottom{bottom:8px;left:4px}.floating-card-top{top:8px;right:4px}}