*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-card: #1a1d27;--surface: #1a1d27;--surface-2: #22263a;--accent-blue: #3b82f6;--text: #e2e8f0;--text-primary: #e2e8f0;--text-muted: #94a3b8;--border: #2d3348;--radius: 12px;--neon-amber: #f59e0b;--neon-green: #22c55e;--neon-yellow: #eab308;--accent: #f59e0b}html.light{--bg: #f8f9fc;--bg-card: #ffffff;--surface: #ffffff;--surface-2: #f1f4f9;--accent-blue: #2563eb;--text: #0f172a;--text-primary: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--neon-amber: #d97706;--neon-green: #16a34a;--neon-yellow: #ca8a04;--accent: #d97706}body{background:var(--bg);background-image:radial-gradient(circle,#2d3348 1px,transparent 1px);background-size:28px 28px;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;transition:background-color .2s,color .2s}html.light body{background-image:radial-gradient(circle,#e2e8f0 1px,transparent 1px)}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 3px #f59e0b55)}50%{filter:drop-shadow(0 0 6px #f59e0b88)}}.logo-svg{animation:logoGlow 3s ease-in-out infinite}.tilt-card{transform-style:preserve-3d;will-change:transform}button{cursor:pointer;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){body{font-size:14px}}