:root{--crust: #11111b;--mantle: #181825;--base: #1e1e2e;--surface0: #313244;--surface1: #45475a;--text: #cdd6f4;--subtext0: #a6adc8;--mauve: #cba6f7;--blue: #89b4fa;--sapphire: #74c7ec;--green: #a6e3a1}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--base);color:var(--text);line-height:1.6}h1,h2,h3{color:var(--mauve)}.highlight{color:var(--blue)}.mono-text,.code-block{font-family:Maple Mono,Fira Code,JetBrains Mono,monospace}.code-block{background-color:var(--crust);color:var(--green);padding:1.5rem;border-radius:8px;border:1px solid var(--surface1);white-space:pre-wrap}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:var(--mantle);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--surface0)}.logo{font-weight:800;font-size:1.2rem;color:var(--text)}.tabs{display:flex;gap:1rem}.tab-btn{background:none;border:none;color:var(--subtext0);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;border-radius:6px}.tab-btn:hover{background-color:var(--surface0);color:var(--text)}.tab-btn.active{color:var(--base);background-color:var(--blue)}.hero{text-align:center;padding:12vh 2rem;background-color:var(--mantle);border-bottom:1px solid var(--surface0)}.scroll-section{max-width:800px;margin:0 auto;padding:4rem 2rem}.image-area{width:100%;height:350px;background-color:var(--surface0);display:flex;align-items:center;justify-content:center;border-radius:12px;margin-top:2rem;color:var(--subtext0);border:2px dashed var(--surface1);font-family:Maple Mono,monospace}.react-card{background:var(--surface0);border:1px solid var(--surface1);border-radius:16px;padding:2rem;margin-top:1.5rem;text-align:center}.react-card h2{margin-top:0}.react-button{background-color:var(--blue);border:none;color:var(--base);padding:.85rem 1.25rem;border-radius:999px;font-weight:700;cursor:pointer;margin-top:1rem;transition:transform .2s ease,opacity .2s ease}.react-button:hover{transform:translateY(-1px);opacity:.95}