@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.passcode-dot{border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px;transition:all .2s}.passcode-dot.filled{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);transform:scale(1.2)}.fingerprint-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.fingerprint-btn:before{content:"";border:1px dashed #3b82f64d;border-radius:50%;animation:10s linear infinite rotate-dash;position:absolute;inset:-5px}.fingerprint-btn:hover{background:#3b82f61a;border-color:#3b82f666;transform:scale(1.05);box-shadow:0 0 25px #3b82f640}.fingerprint-btn.scanning{border-color:#8b5cf699;animation:1.5s ease-in-out infinite alternate scan-pulse}.fingerprint-btn.scanning:after{content:"";background:var(--accent-gradient);width:100%;height:2px;box-shadow:0 0 10px var(--accent-glow);animation:1.8s ease-in-out infinite scan-bar;position:absolute;top:10%;left:0}@keyframes rotate-dash{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scan-pulse{0%{box-shadow:0 0 10px #3b82f633}to{box-shadow:0 0 35px #8b5cf699}}@keyframes scan-bar{0%{opacity:0;top:10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:90%}}.biometric-enroll-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}:root{--bg-primary:#08090b;--bg-secondary:#11141cbf;--border-color:#ffffff14;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-color:#3b82f6;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent-glow:#3b82f659;--sans-font:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--sans-font);-webkit-font-smoothing:antialiased;margin:0}body{background-image:radial-gradient(circle at 10% 20%,#3b82f614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf614 0%,#0000 40%);background-attachment:fixed;min-height:100vh;margin:0;padding:0}.glassmorphic{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glassmorphic:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 14px 0 var(--accent-glow);border:none;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px 0 var(--accent-glow);transform:scale(1.03)}.btn-secondary{color:var(--text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff26;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff40}.shake{animation:.4s shakeAnim}@keyframes shakeAnim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}