*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Iosevka Aile", "Iosevka", ui-sans-serif, system-ui, sans-serif;--font-mono: "Iosevka", "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--max-width: 72rem;--radius: 8px;--radius-lg: 12px}:root,[data-theme=warm]{--bg: #141210;--bg-deep: #0e0d0b;--surface: #1c1a17;--surface2: #242220;--surface3: #2e2c28;--text: #d0ccc4;--text-mid: #9a9488;--text-dim: #686058;--accent: #b08868;--accent-glow: rgba(176, 136, 104, .12);--accent-glow-strong: rgba(176, 136, 104, .25);--green: #7a9870;--green-dim: rgba(122, 152, 112, .15);--cyan: #7a9ca0;--cyan-dim: rgba(122, 156, 160, .15);--red: #c27458;--amber: #b89860;--border: #2a2724;--border-light: #38342e;--nav-bg: rgba(20, 18, 16, .82)}[data-theme=slate]{--bg: #101218;--bg-deep: #0a0c12;--surface: #171b22;--surface2: #1e222c;--surface3: #262c38;--text: #c8ccd4;--text-mid: #8890a0;--text-dim: #586070;--accent: #7880b0;--accent-glow: rgba(120, 128, 176, .12);--accent-glow-strong: rgba(120, 128, 176, .25);--green: #6a9a78;--green-dim: rgba(106, 154, 120, .15);--cyan: #6898a0;--cyan-dim: rgba(104, 152, 160, .15);--red: #b45454;--amber: #b09868;--border: #232836;--border-light: #2c3340;--nav-bg: rgba(16, 18, 24, .82)}[data-theme=light]{--bg: #f8f7f5;--bg-deep: #f0eeeb;--surface: #ffffff;--surface2: #f0eeeb;--surface3: #e6e3de;--text: #2c2a28;--text-mid: #5c5850;--text-dim: #908880;--accent: #8a6e50;--accent-glow: rgba(138, 110, 80, .1);--accent-glow-strong: rgba(138, 110, 80, .18);--green: #4a7a52;--green-dim: rgba(74, 122, 82, .1);--cyan: #4a7a80;--cyan-dim: rgba(74, 122, 128, .1);--red: #b04838;--amber: #9a7830;--border: #d8d4ce;--border-light: #c8c4be;--nav-bg: rgba(248, 247, 245, .82)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text)}code,pre,kbd,samp{font-family:var(--font-mono)}::selection{background:var(--accent-glow-strong);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.6rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow),0 1px 3px #0000004d}.btn-primary:hover{background:#c09878;border-color:#c09878;box-shadow:0 0 32px var(--accent-glow-strong),0 2px 8px #0006;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-light)}.btn-secondary:hover{border-color:var(--text-dim);background:var(--surface);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--accent);border-color:transparent;padding:.5rem .75rem}.btn-ghost:hover{background:var(--accent-glow)}.btn-sm{padding:.45rem 1rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-light);box-shadow:0 4px 24px #0003}.mono-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:inline-flex;align-items:center;gap:.75rem}.section-label:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}.divider{height:1px;background:var(--border);border:none;margin:0}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:2rem}[data-theme=light] .btn-primary{box-shadow:0 0 16px var(--accent-glow),0 1px 3px #0000001a}[data-theme=light] .btn-primary:hover{box-shadow:0 0 24px var(--accent-glow-strong),0 2px 6px #0000001f}[data-theme=light] .card:hover{box-shadow:0 4px 24px #0000000f}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}[data-theme=light] body:before{opacity:0}@media(max-width:768px){.container{padding-inline:1.25rem}}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 2rem;height:52px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.nav-logo-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-weight:700;font-size:14px;line-height:1}.nav-logo-text{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--text);letter-spacing:-.03em}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.85rem;font-weight:500;color:var(--text-mid);text-decoration:none;transition:color .15s;letter-spacing:-.01em}.nav-link:hover{color:var(--text)}.theme-btn{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:2px 10px;cursor:pointer;color:var(--text-mid);font-size:.72rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.02em;transition:border-color .15s,color .15s}.theme-btn:hover{border-color:var(--text-dim);color:var(--text)}.footer{border-top:1px solid var(--border);margin-top:4rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:2.5rem 2rem 1.5rem}.footer-left{display:flex;flex-direction:column;gap:.3rem}.footer-logo{font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--accent);letter-spacing:-.03em}.footer-tagline{font-size:.82rem;color:var(--text-dim)}.footer-right{display:flex;align-items:center;gap:1.5rem}.footer-link{font-size:.82rem;color:var(--text-dim);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--text)}.footer-bottom{max-width:var(--max-width);margin:0 auto;padding:1rem 2rem 2rem;border-top:1px solid var(--border)}.footer-bottom p{font-size:.75rem;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.01em}@media(max-width:640px){.nav-inner{padding:0 1.25rem}.nav-right{gap:1rem}.footer-inner{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem 1.25rem 1.25rem}.footer-bottom{padding:1rem 1.25rem 1.5rem}}