:root{--vault-black: #06070b;--vault-deep: #0b0d14;--vault-surface: #11131d;--vault-card: #161825;--vault-border: #1a1d2e;--vault-border-hover: #252842;--vault-muted: #333755;--gold: #c9a84c;--gold-light: #e8d48b;--gold-dark: #8b7332;--gold-glow: rgba(201,168,76,.06);--text: #e8e9f0;--text2: #8b90a8;--dim: #505570;--green: #34d399;--green-bg: rgba(52,211,153,.08);--green-border: rgba(52,211,153,.2);--red: #f87171;--red-bg: rgba(248,113,113,.08);--red-border: rgba(248,113,113,.2);--blue: #60a5fa;--blue-bg: rgba(96,165,250,.08);--blue-border: rgba(96,165,250,.2);--amber: #fbbf24;--amber-bg: rgba(251,191,36,.08);--amber-border: rgba(251,191,36,.2);--purple: #a78bfa;--purple-bg: rgba(167,139,250,.08);--purple-border: rgba(167,139,250,.2);--cyan: #22d3ee;--font-body: "Outfit", -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--vault-black);color:var(--text);line-height:1.6;overflow-x:hidden;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:128px;opacity:.35}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--vault-black)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}a{color:inherit;text-decoration:none}input,button,textarea,select{font-family:inherit}.mono{font-family:var(--font-mono)}.fade-in{animation:fadeIn .4s ease both}.fade-up{animation:fadeUp .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.app-main{padding:2rem 2.5rem;overflow-y:auto;max-height:100vh}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-page .bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(26,29,46,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(26,29,46,.3) 1px,transparent 1px);background-size:80px 80px;mask:radial-gradient(ellipse 60% 60% at 50% 45%,black,transparent)}.auth-page .bg-glow{position:absolute;width:500px;height:500px;top:-50px;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.05),transparent 70%)}.auth-card{position:relative;z-index:2;width:100%;max-width:420px;background:var(--vault-surface);border:1px solid var(--vault-border);border-radius:var(--radius-xl);padding:2.5rem 2rem;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.onboarding-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:6rem 2rem 3rem;position:relative}.onboarding-card{width:100%;max-width:560px;background:var(--vault-surface);border:1px solid var(--vault-border);border-radius:var(--radius-xl);padding:2rem;overflow:hidden;position:relative}.onboarding-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.app-main{padding:1.5rem}.auth-card{padding:2rem 1.5rem}}