*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #080D1A;--bg-secondary: #0D1526;--bg-card: #111827;--bg-elevated: #1A2235;--bg-hover: #1E293B;--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--accent-cyan: #22D3EE;--accent-cyan-dim: rgba(34,211,238,.15);--accent-cyan-glow: rgba(34,211,238,.25);--accent-blue: #3B82F6;--accent-blue-dim: rgba(59,130,246,.15);--accent-amber: #F59E0B;--accent-amber-dim: rgba(245,158,11,.15);--accent-emerald: #10B981;--accent-emerald-dim: rgba(16,185,129,.15);--accent-rose: #F43F5E;--accent-rose-dim: rgba(244,63,94,.15);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #475569;--text-accent: #22D3EE;--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 24px rgba(34,211,238,.15);--transition: .2s ease}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--font-display)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flipCard{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .4s ease forwards}.perspective{perspective:1200px}.card-inner{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl);overflow:hidden}.card-back{transform:rotateY(180deg)}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:4px}