.theme-toggle{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--color-cyan);border-color:var(--color-cyan)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100}.header__inner{display:flex;align-items:center;height:100%;gap:var(--space-xl)}.header__brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.header__brand-name{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--color-text);letter-spacing:.03em}.header__nav{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.header__nav-link{font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:var(--space-xs) 0;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.header__nav-link:hover,.header__nav-link--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.header__actions{display:flex;align-items:center;gap:var(--space-sm)}.header__burger{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition)}.header__burger:hover{color:var(--color-accent)}@media(max-width:720px){.header__burger{display:flex;align-items:center}.header__nav{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:0;padding:var(--space-md) var(--space-xl);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);margin-left:0}.header__nav--open{transform:translateY(0);opacity:1;pointer-events:all}.header__nav-link{padding:var(--space-sm) 0;width:100%;border-bottom:none;border-left:3px solid transparent;padding-left:var(--space-sm)}.header__nav-link--active{border-left-color:var(--color-accent);border-bottom:none}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-lg) 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer__copy{font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-body)}.footer__nav{display:flex;gap:var(--space-lg)}.footer__link{font-size:.875rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.footer__link:hover{color:var(--color-accent)}:root{--color-bg: #0F1117;--color-surface: #1C1F2E;--color-accent: #6C63FF;--color-accent-hover: #5A52E0;--color-cyan: #00D4AA;--color-cyan-hover: #00B891;--color-text: #E8EAF0;--color-text-muted: #8B92A5;--color-border: #2A2D3E;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 1120px;--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--transition: .2s ease}[data-theme=light]{--color-bg: #F5F6FA;--color-surface: #FFFFFF;--color-text: #1C1F2E;--color-text-muted: #5A5F72;--color-border: #D8DBE8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25;color:var(--color-text)}code,pre{font-family:var(--font-mono)}img{max-width:100%;display:block}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding-top:var(--header-height)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-cyan{color:var(--color-cyan)}.btn{display:inline-flex;align-items:center;padding:.625rem 1.5rem;font-family:var(--font-body);font-size:.9375rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition);text-decoration:none;border:2px solid transparent}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn--outline{background-color:transparent;border-color:var(--color-accent);color:var(--color-accent)}.btn--outline:hover{background-color:var(--color-accent);color:#fff}