@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inconsolata:wght@200..900&display=swap";:root{--bg:#050505;--text:#fff;--text-h:#fff;--accent:#c8a84c;--accent-text:#000;--border:#c8a84c59;--border-width:2px;--code-bg:#111;--shadow:4px 4px 0px 0px #c8a84c66;--shadow-small:2px 2px 0px 0px #c8a84c66;--sidebar-bg:#0d0d0d;--heading:"Bebas Neue", sans-serif;--mono:"Inconsolata", monospace;--body:"Inconsolata", monospace;font:18px/150% var(--body);letter-spacing:.02em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#fff;--text:#000;--text-h:#000;--accent:#c8a84c;--accent-text:#000;--border:#c8a84c66;--code-bg:#f5f5f5;--shadow:4px 4px 0px 0px #c8a84c80;--shadow-small:2px 2px 0px 0px #c8a84c80;--sidebar-bg:#f8f5ee}}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{font-family:var(--heading);text-transform:uppercase;letter-spacing:.05em;color:var(--text-h);margin:0}h1{font-size:84px;line-height:.9}@media (width<=768px){h1{font-size:56px}}h2{font-size:42px;line-height:1}a{color:inherit;text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}a:hover{background:var(--accent);color:var(--accent-text);text-decoration:none}button{background:var(--accent);color:var(--accent-text);border:var(--border-width) solid var(--border);font-family:var(--heading);text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-small);padding:12px 24px;font-size:24px;transition:transform .1s,box-shadow .1s}button:active{box-shadow:0px 0px 0px 0px var(--border);transform:translate(2px,2px)}button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.brutalist-card{background:var(--bg);border:var(--border-width) solid var(--border);box-shadow:var(--shadow);margin-bottom:24px;padding:24px}code,.mono{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);border-radius:0;padding:3px 6px}pre{background:var(--code-bg);border:var(--border-width) solid var(--border);font-family:var(--mono);padding:16px;overflow-x:auto}input,select{border:var(--border-width) solid var(--border);background:var(--bg);color:var(--text);font-family:var(--mono);width:100%;padding:12px}input:focus{background:var(--accent);color:var(--accent-text);outline:none}.ticker-wrap{width:100%;overflow:hidden}.ticker-inner{width:max-content;animation:30s linear infinite ticker-scroll;display:flex}.ticker-inner:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)}.reveal.revealed{opacity:1;transform:translateY(0)}.step-transition-enter{opacity:0;transform:translate(20px)}.step-transition-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}