@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-bold.woff2) format("woff2")}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #d7d7d7;--text-muted: #b0b0b0;--accent: #faff00;--accent-dim: rgba(250, 255, 0, .15);--accent-glow: rgba(250, 255, 0, .4);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Courier New", monospace;--slide-padding: clamp(1.5rem, 8vw, 6rem);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:var(--bg-primary)}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{text-shadow:0 0 8px var(--accent-glow)}h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2rem,6vw,4rem);color:var(--text-primary)}h2{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--accent)}h3{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-primary)}p{font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-secondary);max-width:65ch}.highlight{color:var(--accent)}.comment{color:#6a9955;font-style:italic;opacity:.8}.comment:not(:empty):before{content:"// ";opacity:.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--font-mono);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-normal)}.btn:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-glow)}.btn:focus{outline:2px solid var(--accent);outline-offset:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cursor{display:inline-block;width:.6em;height:1.2em;background:var(--accent);animation:blink 1s infinite;vertical-align:text-bottom;margin-left:2px}.line-numbers{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;color:var(--text-muted);font-size:.75rem;opacity:.5;-webkit-user-select:none;user-select:none}@media(max-width:768px){.line-numbers{display:none}}@media(hover:none)and (pointer:coarse){.btn:hover{background:transparent;color:var(--accent);box-shadow:none}.btn:active{background:var(--accent);color:var(--bg-primary)}}
