*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05070E;--surface: #090C18;--card: #0D1020;--card-hover: #111526;--border: #1A1F35;--border-light: #252B45;--accent: #4F8EF7;--accent-dim: rgba(79, 142, 247, .12);--accent-glow: rgba(79, 142, 247, .25);--accent-hover: #6BA3FF;--green: #22D3A0;--green-dim: rgba(34, 211, 160, .1);--orange: #FB923C;--orange-dim: rgba(251, 146, 60, .1);--red: #F87171;--red-dim: rgba(248, 113, 113, .1);--gold: #FBBF24;--gold-dim: rgba(251, 191, 36, .1);--text: #E1E7F5;--text-soft: #A8B4D0;--muted: #5A6580;--faint: #2E3550;--font: "Sora", sans-serif;--mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 2px 20px rgba(0,0,0,.5);--shadow-glow: 0 0 40px rgba(79,142,247,.12);--transition: .2s cubic-bezier(.4, 0, .2, 1);--header-bg: rgba(9, 12, 24, .9)}[data-theme=light]{--bg: #F4F6FB;--surface: #FFFFFF;--card: #EAF0FA;--card-hover: #DDE6F5;--border: #C8D4EC;--border-light: #B0C0DC;--text: #0F1422;--text-soft: #3A4560;--muted: #7A8AAE;--faint: #C0CCDF;--header-bg: rgba(255, 255, 255, .9)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.animate-fade-up{animation:fadeUp .5s ease both}.animate-fade-in{animation:fadeIn .4s ease both}