html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}:root{--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(40px) saturate(220%);--liquid-glow: rgba(195, 244, 0, .15);--spring-ease: cubic-bezier(.34, 1.56, .64, 1);--smooth-ease: cubic-bezier(.16, 1, .3, 1);--expo-out: cubic-bezier(.16, 1, .3, 1)}body{-webkit-font-smoothing:antialiased;background-color:#050505;min-height:100vh;min-height:100dvh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;opacity:0;animation:floatingOrb 16s ease-in-out infinite alternate;will-change:transform,opacity}body:before{width:320px;height:320px;top:-60px;left:-80px;background:radial-gradient(circle,rgba(195,244,0,.1) 0%,rgba(195,244,0,.02) 50%,transparent 70%);filter:blur(60px);animation-delay:0s}body:after{width:260px;height:260px;bottom:60px;right:-60px;background:radial-gradient(circle,rgba(0,238,252,.08) 0%,rgba(0,238,252,.02) 50%,transparent 70%);filter:blur(50px);animation-delay:-8s}@keyframes floatingOrb{0%{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.55;transform:translate(30px,40px) scale(1.1)}50%{opacity:.4;transform:translate(-20px,70px) scale(.95)}75%{opacity:.6;transform:translate(15px,20px) scale(1.05)}to{opacity:.35;transform:translate(-10px,-30px) scale(1)}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.liquid-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 0 24px #ffffff0f,0 20px 40px #00000080;transition:box-shadow .35s var(--smooth-ease),border-color .35s var(--smooth-ease)}.liquid-glass:hover{box-shadow:inset 0 0 32px #ffffff17,0 24px 48px #0000008c;border-color:#ffffff2e}.liquid-glass:active{box-shadow:inset 0 0 40px #c3f4000f,inset 0 1px #ffffff1f,0 16px 32px #00000080;border-color:#c3f40026;transition:box-shadow .1s ease,border-color .1s ease}.glass-card{background:#ffffff0a;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff0d;transition:box-shadow .3s var(--smooth-ease),transform .3s var(--smooth-ease)}.glass-card:active{transform:scale(.985);box-shadow:inset 0 0 20px #c3f4000a,inset 0 1px 1px #ffffff14}.inner-glow{box-shadow:inset 0 0 30px #c3f4000d,0 10px 40px -10px #000000b3}.neon-accent-glow{box-shadow:0 0 25px #c3f40040,inset 0 1px 2px #ffffff4d}.electric-glow{box-shadow:0 4px 30px #c3f40059}.text-glow{text-shadow:0 0 20px rgba(195,244,0,.5)}.text-glow-cyan{text-shadow:0 0 20px rgba(0,238,252,.5)}.progress-gradient{background:linear-gradient(90deg,#c3f400,#00eefc)}.btn-liquid{background:linear-gradient(135deg,#c3f400,#abd600);box-shadow:0 0 35px #c3f4004d,inset 0 2px 4px #fff6;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 30%,transparent 60%);opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .5s var(--spring-ease);pointer-events:none}.btn-liquid:active{transform:scale(.95);filter:brightness(.9)}.btn-liquid:active:after{opacity:1;transform:scale(1.4);transition:opacity .1s ease,transform .35s var(--spring-ease)}.rounded-liquid{border-radius:2rem}.bg-mesh{background-image:radial-gradient(at 0% 0%,rgba(195,244,0,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,238,252,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(195,244,0,.04) 0px,transparent 80%);animation:pulseMesh 10s ease-in-out infinite alternate}@keyframes pulseMesh{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.08)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app-screen{display:none;animation:fadeSpringBlur .55s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity,filter}.app-screen.active{display:flex;flex-direction:column}@keyframes fadeSpringBlur{0%{opacity:0;filter:blur(8px);transform:scale(.94) translateY(14px)}50%{opacity:.7;filter:blur(3px);transform:scale(1.01) translateY(-2px)}to{opacity:1;filter:blur(0px);transform:scale(1) translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeSpring{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pb-safe{padding-bottom:env(safe-area-inset-bottom,16px)}.pt-safe{padding-top:env(safe-area-inset-top,16px)}.camera-preview-container{position:relative;width:100%;aspect-ratio:3/4;background:#000;border-radius:2rem;overflow:hidden;margin-bottom:20px;box-shadow:inset 0 0 40px #000c;border:1px solid rgba(255,255,255,.15)}#webcam,#canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);will-change:transform}#canvas-overlay{z-index:2;transform:scaleX(-1) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}canvas{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#050505d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c3f400;font-family:Sora,sans-serif;font-weight:600}.spinner{width:44px;height:44px;border:3.5px solid rgba(195,244,0,.2);border-top-color:#c3f400;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.camera-guide-box{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:2px dashed rgba(255,255,255,.3);border-radius:24px;z-index:3;pointer-events:none;transition:all .3s ease}.camera-guide-box.calibrating{border-color:#c3f400;background:#c3f4000f;animation:pulseBorder 1.5s infinite}@keyframes pulseBorder{0%,to{border-color:#c3f4004d}50%{border-color:#c3f400}}.guide-text{position:absolute;bottom:-44px;left:10px;right:10px;text-align:center;font-size:.8rem;color:#fffc;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hud-circle-container{position:relative;width:110px;height:110px;margin:0 auto;display:flex;justify-content:center;align-items:center}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{stroke-linecap:round;transition:stroke-dashoffset .35s cubic-bezier(.16,1,.3,1)}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.indicator-dot{transition:all .3s cubic-bezier(.16,1,.3,1)}.indicator-dot.red{background:#ff3b30!important;box-shadow:0 0 10px #ff3b3099!important}.indicator-dot.green{background:#c3f400!important;box-shadow:0 0 10px #c3f40099!important}.btn-compact{padding-top:.75rem!important;padding-bottom:.75rem!important;height:3.25rem!important;font-size:.9rem!important;border-radius:1rem!important}.btn-liquid-cyan{background:linear-gradient(135deg,#00eefc,#00bad3);box-shadow:0 0 30px #00eefc40,inset 0 2px 4px #fff6;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-liquid-cyan:active{transform:scale(.96);filter:brightness(.9)}.btn-liquid-error{background:linear-gradient(135deg,#ff5b5b,#d82b2b);box-shadow:0 0 30px #ff5b5b40,inset 0 2px 4px #ffffff4d;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-liquid-error:active{transform:scale(.96);filter:brightness(.9)}.camera-warning-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border:3px solid #ff3b30;background:#ff3b3014;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;border-radius:2rem}.camera-warning-overlay.active{opacity:1;animation:alertFlash .5s ease-in-out infinite alternate}@keyframes alertFlash{0%{background-color:#ff3b300a;border-color:#ff3b3066}to{background-color:#ff3b3038;border-color:#ff3b30}}.text-glow-primary{text-shadow:0 0 35px rgba(195,244,0,.35)}.bento-glow{box-shadow:inset 0 0 25px #ffffff05,0 15px 35px #0006}.faq-item{transition:all .3s cubic-bezier(.16,1,.3,1)}.faq-answer{max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s ease-out}.faq-item.active .faq-answer{max-height:220px;opacity:1}.faq-item.active .faq-icon{transform:rotate(180deg)}@keyframes scanEffect{0%{top:0%;opacity:.15}50%{opacity:1}to{top:100%;opacity:.15}}.animate-scan{animation:scanEffect 3.2s ease-in-out infinite}#liveness-scan-overlay{transition:opacity .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s ease}#liveness-scan-circle{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}#cheat-ind-liveness .indicator-dot{transition:all .3s ease}@keyframes activeChallengePulse{0%{box-shadow:inset 0 0 24px #ffffff0f,0 0 #00eefc00;border-color:#00eefc26}50%{box-shadow:inset 0 0 30px #00eefc1a,0 0 15px #00eefc26;border-color:#00eefc66}to{box-shadow:inset 0 0 24px #ffffff0f,0 0 #00eefc00;border-color:#00eefc26}}.active-challenge-glow{animation:activeChallengePulse 3s infinite ease-in-out}@keyframes buttonLiquidPulse{0%{box-shadow:0 0 25px #c3f4004d,inset 0 2px 4px #fff6}50%{box-shadow:0 0 40px #c3f4008c,inset 0 2px 4px #ffffff80}to{box-shadow:0 0 25px #c3f4004d,inset 0 2px 4px #fff6}}.btn-liquid:hover,.btn-liquid.primary-glow{animation:buttonLiquidPulse 2s infinite ease-in-out}nav[class*=bottom-],.bottom-nav,nav.fixed.bottom-0,[data-nav=bottom]{backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border-top:1px solid rgba(255,255,255,.06);background:#050505b3!important;box-shadow:0 -8px 32px #00000080,inset 0 1px #ffffff0d}nav .nav-item,nav button,nav a{transition:color .25s var(--smooth-ease),transform .25s var(--spring-ease),opacity .25s ease}nav .nav-item.active,nav button.active,nav a.active{position:relative}nav .nav-item.active:before,nav button.active:before,nav a.active:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:2px;background:#c3f400;box-shadow:0 0 12px #c3f40080;animation:navGlowFade .35s var(--spring-ease) forwards}@keyframes navGlowFade{0%{width:0;opacity:0}to{width:24px;opacity:1}}.logo-container,[data-logo],.header-logo{animation:logoPulseGlow 4s ease-in-out infinite;will-change:filter}@keyframes logoPulseGlow{0%,to{filter:drop-shadow(0 0 8px rgba(195,244,0,.15))}50%{filter:drop-shadow(0 0 20px rgba(195,244,0,.35)) drop-shadow(0 0 40px rgba(195,244,0,.1))}}@keyframes staggerFadeIn{0%{opacity:0;filter:blur(6px);transform:translateY(20px) scale(.96)}to{opacity:1;filter:blur(0px);transform:translateY(0) scale(1)}}.stagger-1{opacity:0;animation:staggerFadeIn .5s var(--spring-ease) forwards;animation-delay:.08s}.stagger-2{opacity:0;animation:staggerFadeIn .5s var(--spring-ease) forwards;animation-delay:.18s}.stagger-3{opacity:0;animation:staggerFadeIn .5s var(--spring-ease) forwards;animation-delay:.28s}.stagger-4{opacity:0;animation:staggerFadeIn .5s var(--spring-ease) forwards;animation-delay:.4s}@keyframes counterPop{0%{transform:scale(1)}30%{transform:scale(1.25);color:#c3f400;text-shadow:0 0 16px rgba(195,244,0,.6)}60%{transform:scale(.95)}to{transform:scale(1);text-shadow:none}}.counter-animate{display:inline-block;animation:counterPop .4s var(--spring-ease);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before,body:after{display:none}}