@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #0A0F1E;--white: #0D1320;--card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .05);--border2: rgba(0, 242, 255, .2);--text: #F7F9FC;--text2: #94A3B8;--text3: #64748B;--blue: #00F2FF;--blue-l: rgba(0, 242, 255, .1);--blue-m: rgba(0, 242, 255, .3);--green: #00FF9C;--green-l: rgba(0, 255, 156, .1);--red: #FF3D71;--red-l: rgba(255, 61, 113, .1);--amber: #FFD33D;--amber-l: rgba(255, 211, 61, .1);--purple: #B66DFF;--purple-l: rgba(182, 109, 255, .1);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-md: 0 12px 48px rgba(0, 242, 255, .15);--bg-main: #0A0F1E;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--accent: #00F2FF;--accent-light: rgba(0, 242, 255, .1);--font: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", "Fira Mono", monospace}@layer base{html{scroll-behavior:smooth;background:var(--bg)}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}::selection{background:var(--blue-m);color:var(--blue)}}@keyframes orbDrift{0%,to{transform:translate(0)}50%{transform:translate(18px,-14px)}}@keyframes liveDot{0%,to{box-shadow:0 0 0 2px #16a34a33}50%{box-shadow:0 0 0 5px #16a34a0f}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ringExpand{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.1)}}@keyframes fpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.93)}}@keyframes pulseBar{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.35)}}@keyframes riskFill{0%{width:58%}to{width:66%}}@keyframes shimmerTop{0%{opacity:0}to{opacity:1}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes scanLine{0%{top:0}to{top:100%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@layer utilities{.orb-1{position:absolute;width:600px;height:600px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(0,242,255,.12) 0%,transparent 70%);filter:blur(100px);border-radius:50%;pointer-events:none;z-index:-1}.orb-2{position:absolute;width:450px;height:450px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);filter:blur(100px);border-radius:50%;pointer-events:none;animation:orbDrift 22s ease-in-out infinite;z-index:-1}.cyber-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);background-image:radial-gradient(circle at 50% 50%,rgba(0,242,255,.02) 0%,transparent 50%),linear-gradient(rgba(0,242,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.03) 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px;z-index:-10;overflow:hidden}.cyber-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,3px 100%;pointer-events:none;opacity:.3}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,242,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 90%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 90%);z-index:-1}.fade-slide{animation:fadeSlide .5s ease forwards}.animate-scale-up{animation:scaleUp .3s ease forwards}.animate-float{animation:floatCard 5s ease-in-out infinite}.animate-float-delayed{animation:floatCard 5s ease-in-out 1.5s infinite}.animate-live-dot{animation:liveDot 2s ease-in-out infinite}.animate-fp-pulse{animation:fpPulse 2.5s ease-in-out infinite}.animate-spin-slow{animation:spin 12s linear infinite}.animate-spin-reverse{animation:spin 8s linear infinite reverse}.animate-gradient{background-size:200% 200%;animation:gradientShift 6s ease infinite}.animate-risk-fill{animation:riskFill 3s ease-in-out infinite alternate}.pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}.pulse-dot-blue{width:8px;height:8px;background:var(--blue);border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--blue),transparent);animation:scanLine 3s linear infinite;opacity:.35}.btn-primary{background:var(--blue);color:#fff;font-weight:600;border-radius:12px;padding:12px 24px;transition:all .2s ease;border:none;cursor:pointer}.btn-primary:hover{background:#1d4ed8;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:10px;padding:8px 16px;font-weight:500;transition:all .2s ease;cursor:pointer}.btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}.card{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-4px);border-color:var(--border2);box-shadow:0 12px 40px #00f2ff14}.glass-panel{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.neon-border{position:relative}.neon-border:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,var(--blue),transparent);opacity:.5}.input-base{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text);font-family:var(--font);width:100%;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-base::placeholder{color:var(--text3)}.input-base:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.input-underline{background:transparent;border:none;border-bottom:1px solid var(--border2);border-radius:0;padding:12px 0;color:var(--text);width:100%;outline:none;font-size:14px;transition:border-color .2s ease}.input-underline::placeholder{color:var(--text3)}.input-underline:focus{border-bottom-color:var(--blue)}.nav-item-active{border-left:2px solid var(--blue);background:var(--blue-l);color:var(--blue)!important;font-weight:600}.nav-item{border-left:2px solid transparent;transition:all .2s ease}.nav-item:hover{background:var(--bg);color:var(--text)}.click-scale:active{transform:scale(.97)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pulse-bar{display:inline-block;width:3px;border-radius:2px;transform-origin:bottom;animation:pulseBar 1.2s ease-in-out infinite}.shimmer-top{position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}.group:hover .shimmer-top{opacity:1;animation:shimmerTop .3s ease forwards}.otp-box{width:48px;height:48px;text-align:center;font-weight:700;font-size:18px;border:1px solid var(--border);border-radius:10px;outline:none;transition:all .2s ease;color:var(--text);background:var(--white)}.otp-box:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.otp-box.filled{border-color:var(--blue);background:var(--blue-l);color:var(--blue)}.btn-glow{transition:all .2s ease;position:relative;overflow:hidden}.btn-glow:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-glow:active{transform:scale(.97)}.animate-fade-in-up{animation:fadeSlide .8s cubic-bezier(.16,1,.3,1) forwards}.fingerprint-pulse{animation:fpPulse 2.5s ease-in-out infinite}.input-focus:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a;border-color:var(--blue)}}