@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Heebo:wght@400;500;600;700;800&display=swap";
:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-elevated:#1c1c1c;--color-border:#262626;--color-border-strong:#383838;--color-text:#f5f5f5;--color-text-muted:#a0a0a0;--color-text-dim:#707070;--color-accent:#8b5cf6;--color-accent-hover:#a78bfa;--color-accent-dim:#8b5cf626;--color-success:#10b981;--color-warning:#f59e0b;--font-body:"Inter", "Heebo", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-display:"Inter", "Heebo", system-ui, sans-serif;--space-container:clamp(1rem, 4vw, 3rem);--space-section:clamp(4rem, 10vh, 7rem);--container-max:1440px;--container-narrow:760px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--t-fast:.15s ease;--t-base:.25s ease}
*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}body{min-height:100vh}img,picture,svg,video{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{margin:0}::selection{background:var(--color-accent-dim);color:var(--color-text)}
body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);font-weight:400;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{font-size:clamp(2.25rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,3.5vw,2.25rem)}h3{font-size:1.25rem}a:hover{color:var(--color-accent-hover)}code,.mono{font-family:var(--font-mono);font-size:.9em}.container{max-width:var(--container-max);padding-inline:var(--space-container);margin-inline:auto}.container--narrow{max-width:var(--container-narrow);padding-inline:var(--space-container);margin-inline:auto}.section{padding-block:var(--space-section)}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-wrapper>main{flex:1}[dir=rtl] body{font-family:Heebo,Inter,system-ui,sans-serif}