@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;600&family=Fira+Code:wght@400&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0e27;--bg-secondary:#1e2749;--bg-tertiary:#2d3561;--accent-primary:#00d9ff;--accent-glow:rgba(0,217,255,.25);--danger:#f36;--danger-glow:rgba(255,51,102,.25);--warning:#ffb800;--success:#0f8;--success-glow:rgba(0,255,136,.25);--text-primary:#e0e6ed;--text-secondary:#8b92a8;--text-muted:#5a6178;--border:#2d3561;--shadow:rgba(0,0,0,.25);--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"Fira Code",monospace;--h1-size:64px;--h2-size:48px;--h3-size:32px;--h4-size:24px;--body-lg-size:20px;--body-size:16px;--body-sm-size:14px;--mono-size:14px}body,html{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:var(--h1-size);line-height:1.1}h2{font-size:var(--h2-size);line-height:1.2}h3{font-size:var(--h3-size);line-height:1.3}h3,h4{font-weight:600}h4{font-size:var(--h4-size);line-height:1.4}p{font-size:var(--body-size);line-height:1.6}code,pre{font-family:var(--font-mono);font-size:var(--mono-size)}a{color:var(--accent-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button{font-family:var(--font-heading);cursor:pointer;border:none;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.5}input{font-family:var(--font-mono);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:var(--body-sm-size)}@media (max-width:768px){:root{--h1-size:48px;--h2-size:36px;--h3-size:24px;--h4-size:20px;--body-lg-size:18px;--body-size:16px}.container{padding:0 16px}}@media (min-width:1440px){.container{max-width:1400px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 20px transparent}}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}