@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--black:#000;--gray-900:#0a0a0a;--gray-800:#1a1a1a;--gray-700:#2d2d2d;--gray-600:#3a3a3a;--gray-500:#4a4a4a;--gray-400:#5a5a5a;--gray-300:#6a6a6a;--gray-200:#8a8a8a;--gray-100:#ccc;--gray-50:#e0e0e0;--white:#fff;--orange-900:#d4b85f;--orange-800:#dbc16d;--orange-700:#e2ca7b;--orange-600:#f5d97f;--orange-500:#f7e099;--orange-400:#f9e7b3;--orange-300:#fbeecd;--orange-200:#fdf5e7;--orange-100:#fffcf6;--text:#e0e0e0;--text-dark:#1a1a1a;--text-muted:#8a8a8a;--bg-1:#0a0a0a;--bg-2:#1a1a1a;--bg-3:#2d2d2d;--accent:#f5d97f;--accent-dark:#e2ca7b;--accent-light:#f7e099;--accent-hover:#f7e099;--mountain-1:#1a1a1a;--mountain-2:#2d2d2d;--mountain-3:#3a3a3a;--mountain-4:#4a4a4a;--cloud:#f5d97f26;--success:#4ade80}
*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:#000;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}body>*{z-index:2;position:relative}body,p,span,div{color:var(--text)}a{color:var(--accent);transition:color .2s}a:hover{color:var(--accent-hover)}#root{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background:var(--accent);color:var(--black);border:2px solid var(--accent);border-radius:6px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary:hover{background:var(--accent-light);color:var(--black);transform:translateY(-2px);box-shadow:0 4px 12px #f5d97f66}.btn-large{padding:16px 32px;font-size:18px}.btn-secondary{color:var(--text);background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:12px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{color:var(--text);background:#ffffff1a;border-color:#ffffff80}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:2px solid #f5d97f66;border-radius:0;margin-bottom:40px;padding:48px}.card-nested{background:#2d2d2d99;border:1px solid #f5d97f4d;border-radius:0;margin:25px 0;padding:20px}.card-nested-small{background:#ffffff0d;border:1px solid #f5d97f33;border-radius:0;padding:20px}.card-code{background:#0000004d;border:1px solid #f5d97f66;border-radius:0;padding:20px}.card-accent-left{border-left:4px solid var(--accent);background:#ffffff0d;border-radius:0;margin:25px 0;padding:20px}@media (max-width:768px){.container{padding:0 16px}.card{padding:24px}}@media (max-width:640px){.container{padding:0 12px}}
.binary-background{z-index:1;pointer-events:none;letter-spacing:4px;will-change:transform;width:100%;height:500vh;font-family:Courier New,monospace;font-size:13px;line-height:1.6;position:fixed;top:0;left:0;overflow:visible}.binary-column{white-space:nowrap;flex-direction:column;gap:1px;min-width:15px;display:flex;position:absolute}.binary-digit{-webkit-user-select:none;user-select:none;font-weight:300;line-height:1.4;display:block}