@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s ease;--focus-ring:0 0 0 3px #4299e199}:root,:root[data-theme=dark]{--vbg:#0c0e14;--vsurf:#13161f;--vcard:#1a1e2b;--vborder:#252a3a;--vborder2:#2f3549;--vgold:#c9a84c;--vgold2:#8a6f2e;--vgold3:#f0c96a;--vtext:#dde1ee;--vmuted:#6b7591;--vinput:#0f1118;--vred:#7a2a2a;--vgreen:#2a7a4b;--bg-app:var(--vbg);--bg-glass:var(--vsurf);--bg-glass-hover:var(--vcard);--bg-input:var(--vinput);--border-glass:var(--vborder);--border-glass-focus:var(--vborder2);--text-primary:var(--vtext);--text-secondary:var(--vmuted);--text-muted:var(--vmuted);--accent-base:var(--vgold);--accent-glow:#c9a84c26;--accent-hover:var(--vgold2);--color-success:var(--vgreen);--color-warning:var(--vgold);--color-danger:var(--vred);--shadow-lg:0 10px 30px -10px #000c}:root[data-theme=light]{--vbg:#f4f6fa;--vsurf:#fff;--vcard:#f8fafc;--vborder:#e2e8f0;--vborder2:#cbd5e1;--vgold:#d97706;--vgold2:#b45309;--vgold3:#f59e0b;--vtext:#0f172a;--vmuted:#475569;--vinput:#f1f5f9;--vred:#dc2626;--vgreen:#16a34a;--bg-app:var(--vbg);--bg-glass:var(--vsurf);--bg-glass-hover:var(--vcard);--bg-input:var(--vinput);--border-glass:var(--vborder);--border-glass-focus:var(--vborder2);--text-primary:var(--vtext);--text-secondary:var(--vmuted);--text-muted:var(--vmuted);--accent-base:#3b82f6;--accent-glow:#3b82f626;--accent-hover:#2563eb;--color-success:var(--vgreen);--color-warning:var(--vgold);--color-danger:var(--vred);--shadow-lg:0 10px 30px -10px #00000014}:root[data-accent=purple]{--accent-base:#8b5cf6;--accent-glow:#8b5cf626;--accent-hover:#7c3aed;--vgold:#8b5cf6;--vgold3:#a78bfa}:root[data-accent=emerald]{--accent-base:#10b981;--accent-glow:#10b98126;--accent-hover:#059669;--vgold:#10b981;--vgold3:#34d399}:root[data-accent=rose]{--accent-base:#f43f5e;--accent-glow:#f43f5e26;--accent-hover:#e11d48;--vgold:#f43f5e;--vgold3:#fb7185}.vault-overlay{background-color:var(--vbg);z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vault-scene{perspective:400px;justify-content:center;align-items:center;width:300px;height:300px;display:flex}.vault-door{border:4px solid var(--vgold);transform-origin:0;background:radial-gradient(circle,#252a3a 0%,#0f1118 100%);border-radius:24px;justify-content:center;align-items:center;width:260px;height:260px;display:flex;box-shadow:inset 0 0 30px #000c,0 20px 40px #000000e6}.vault-door-open-anim{animation:.9s cubic-bezier(.4,0,.2,1) forwards vaultOpen}.vault-door-close-anim{animation:.7s cubic-bezier(.4,0,.2,1) forwards vaultClose}@keyframes vaultOpen{0%{transform:rotateY(0)}to{transform:rotateY(-80deg)}}@keyframes vaultClose{0%{transform:rotateY(-80deg)}to{transform:rotateY(0)}}.floating-vault{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:radial-gradient(circle at 50% 50%, #c9a84c0a 0%, transparent 80%), linear-gradient(#c9a84c04 1px, transparent 1px), linear-gradient(90deg, #c9a84c04 1px, transparent 1px), var(--bg-app);color:var(--text-primary);min-height:100vh;transition:background var(--transition-slow);background-size:100% 100%,36px 36px,36px 36px,auto;flex-direction:column;display:flex;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg);transition:background var(--transition-normal), border var(--transition-normal);border-radius:16px}.glass-panel-hover:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-focus)}.input-field{background:var(--bg-input);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;outline:none;padding:12px 16px;font-size:15px}.input-field:focus{border-color:var(--accent-base);box-shadow:var(--accent-glow) 0px 0px 0px 3px}.btn{font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-base);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-glass-hover);border-color:var(--border-glass-focus)}.btn:focus-visible{box-shadow:var(--focus-ring)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-glass-focus)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-box{background-color:var(--border-glass);border-radius:6px;animation:1.5s ease-in-out infinite pulse}.auth-container{background-color:var(--vbg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.auth-layout{align-items:center;gap:40px;width:100%;max-width:1000px;margin:auto;display:flex}.vault-banner{text-align:center;flex-direction:column;flex:1.1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-wrapper{flex:.9;justify-content:center;align-items:center;display:flex}@media (width<=768px){.auth-layout{flex-direction:column;gap:20px}.vault-banner{display:none}}.cyber-mono{letter-spacing:1px;font-family:Share Tech Mono,Courier New,monospace!important}.cyber-glow-text{color:var(--vgold);text-shadow:0 0 10px #c9a84c66,0 0 20px #c9a84c33}.btn-primary{transition:all var(--transition-fast);box-shadow:0 4px 12px #c9a84c26}.btn-primary:hover{background-color:var(--vgold3);transform:translateY(-2px);box-shadow:0 0 20px #c9a84c80}.glass-panel{transition:all var(--transition-normal);border:1px solid #c9a84c33!important;box-shadow:0 15px 35px #0009,inset 0 0 15px #c9a84c08!important}.glass-panel:hover{border-color:#c9a84c73!important;box-shadow:0 20px 45px #000000bf,0 0 20px #c9a84c1f,inset 0 0 15px #c9a84c0d!important}nav button.btn{transition:all var(--transition-fast)!important}nav button.btn:hover{text-shadow:0 0 8px #c9a84c4d;transform:translate(4px)}@keyframes cyberScan{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.5}to{opacity:0;transform:translateY(100%)}}.cyber-scanner{background:linear-gradient(90deg, transparent, var(--vgold), transparent);pointer-events:none;width:100%;height:2px;animation:4s linear infinite cyberScan;position:absolute;top:0;left:0}@keyframes signatureGlow{0%,to{text-shadow:0 0 4px #c9a84c4d,0 0 8px #c9a84c1a;color:var(--text-secondary)}50%{text-shadow:0 0 12px #c9a84cd9,0 0 22px #c9a84c80;color:var(--vgold3)}}.glowing-signature{letter-spacing:.8px;text-align:center;margin-top:10px;font-family:Share Tech Mono,Courier New,monospace;font-size:13px;font-weight:600;animation:3.5s ease-in-out infinite signatureGlow}.glowing-signature-small{letter-spacing:.8px;text-align:center;margin-top:8px;font-family:Share Tech Mono,Courier New,monospace;font-size:11px;font-weight:600;animation:3.5s ease-in-out infinite signatureGlow}