:root{color-scheme:dark;--bg-dark: #1a1c1f;--bg-card: #3c4044;--bg-card-hover: #454a4f;--bg-inset: #17181a;--bg-glass: rgba(60, 64, 68, .7);--bg-glass-strong: rgba(60, 64, 68, .96);--border-glass: rgba(255, 255, 255, .08);--border-glass-strong: rgba(255, 255, 255, .16);--border-glow: rgba(253, 123, 84, .4);--overlay-1: rgba(255, 255, 255, .03);--overlay-2: rgba(255, 255, 255, .05);--overlay-3: rgba(255, 255, 255, .08);--nav-bg: rgba(60, 64, 68, .75);--nav-bg-scrolled: rgba(26, 28, 31, .92);--modal-overlay: rgba(10, 11, 12, .85);--footer-bg: rgba(20, 22, 24, .95);--primary: #fd7b54;--primary-light: #ff9670;--on-primary: #1a1c1f;--accent-cyan: #ffaa8a;--accent-emerald: #34d399;--text-heading: #f7f4f5;--text-main: #dcd9da;--text-muted: #bdbcbd;--text-dim: #6e6a6c;--shadow-color: rgba(10, 8, 8, .5);--shadow-color-soft: rgba(10, 8, 8, .3);--scrollbar-thumb: #4a4e52;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{color-scheme:light;--bg-dark: #faf8f9;--bg-card: #ffffff;--bg-card-hover: #f5f2f3;--bg-inset: #f0ecee;--bg-glass: rgba(255, 255, 255, .75);--bg-glass-strong: rgba(255, 255, 255, .97);--border-glass: rgba(60, 64, 68, .09);--border-glass-strong: rgba(60, 64, 68, .18);--border-glow: rgba(217, 84, 45, .3);--overlay-1: rgba(60, 64, 68, .03);--overlay-2: rgba(60, 64, 68, .05);--overlay-3: rgba(60, 64, 68, .08);--nav-bg: rgba(255, 255, 255, .8);--nav-bg-scrolled: rgba(255, 255, 255, .95);--modal-overlay: rgba(28, 24, 26, .5);--footer-bg: rgba(255, 255, 255, .92);--primary: #d9542d;--primary-light: #fd7b54;--on-primary: #ffffff;--accent-cyan: #9a6a2f;--accent-emerald: #059669;--text-heading: #221f20;--text-main: #3a3638;--text-muted: #6b6668;--text-dim: #8a8587;--shadow-color: rgba(60, 64, 68, .14);--shadow-color-soft: rgba(60, 64, 68, .09);--scrollbar-thumb: #ddd8da}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}body{min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--text-heading);letter-spacing:-.015em}.font-mono{font-family:var(--font-mono)}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}.section{padding:6.5rem 0;position:relative}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--shadow-color-soft);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-glass-strong);transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow-color)}.divided-list{display:flex;flex-direction:column}.divided-list>*{padding:1.1rem 0;border-bottom:1px solid var(--border-glass)}.divided-list>*:first-child{padding-top:0}.divided-list>*:last-child{border-bottom:none}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;font-family:var(--font-mono);background:var(--overlay-2);border:1px solid var(--border-glass);color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border-glass);background:var(--overlay-1);color:var(--text-muted);transition:all var(--transition-fast)}.pill[data-active=true]{border-color:var(--primary-light);background:#fd7b5424;color:var(--text-heading)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;background:var(--overlay-2);border:1px solid var(--border-glass);color:var(--text-muted)}.badge-emerald{background:#34d3991a;border-color:#34d39947;color:var(--accent-emerald)}.badge-accent{background:#fd7b541a;border-color:#fd7b544d;color:var(--primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--on-primary);font-weight:600}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-secondary{background:var(--overlay-2);color:var(--text-main);border:1px solid var(--border-glass-strong)}.btn-secondary:hover{background:var(--overlay-3);border-color:var(--border-glow);transform:translateY(-1px)}.btn-cyan{background:#d4a574;color:#221f20;font-weight:600}.btn-cyan:hover{background:#dcb488;transform:translateY(-1px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--overlay-2);border:1px solid var(--border-glass-strong);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background:var(--overlay-3);border-color:var(--border-glow);color:var(--text-heading)}.section-header{text-align:left;max-width:640px;margin-bottom:3.25rem}.section-header h2{font-size:2.1rem;margin-bottom:.85rem}.section-header p{color:var(--text-muted);font-size:1.02rem;line-height:1.6}.section-header .accent-word{color:var(--primary-light)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:4.5rem 0}.section-header h2{font-size:1.75rem}}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.pulse-icon{animation:pulse-scale 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.spin-icon,.pulse-icon{animation:none}}