:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--bg: #ffffff;--text: #1e293b;--border: #f1f5f9;--bg-dark: #0a0a0f;--surface-dark: #12121a;--surface-elevated: #1a1a25;--border-dark: #2a2a3a;--text-primary-dark: #f8fafc;--text-secondary-dark: #94a3b8;--accent-glow: rgba(37, 99, 235, .4);--success-dark: #10b981;--success-glow: rgba(16, 185, 129, .3);--premium-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-h1: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--font-size-h2: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--font-size-h3: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--space-xs: clamp(.5rem, .45rem + .25vw, .75rem);--space-s: clamp(.75rem, .7rem + .25vw, 1rem);--space-m: clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);--space-l: clamp(2.5rem, 2rem + 2.5vw, 4rem);--space-xl: clamp(4rem, 3rem + 5vw, 8rem);--nav-height: 72px}*{box-sizing:border-box}html{font-size:var(--font-size-base)}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{width:min(100%,1240px);margin-inline:auto;padding-inline:var(--space-m)}.site-header{height:var(--nav-height);display:flex;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fffc;backdrop-filter:blur(12px);z-index:1000;width:100%}.site-header nav{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--text);letter-spacing:-.02em;white-space:nowrap}.nav-links{display:flex;gap:clamp(1rem,2vw,2rem);margin:0;padding:0;list-style:none}.nav-links a{text-decoration:none;color:var(--secondary);font-weight:500;font-size:.95rem;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--primary)}.mobile-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;z-index:1100;color:var(--text)}@media screen and (max-width:860px){.mobile-toggle{display:block!important}.site-header nav .nav-links{position:fixed!important;top:0!important;right:-100%!important;width:80%!important;max-width:400px;height:100vh!important;background:#fff!important;flex-direction:column!important;padding:6rem 2rem!important;gap:1rem!important;box-shadow:-10px 0 30px #0000000d!important;transition:right .3s ease-in-out!important;margin:0!important;display:flex!important}.site-header nav .nav-links.active{right:0!important}.site-header nav .nav-links li{width:100%}.site-header nav .nav-links a{font-size:1.25rem!important;color:var(--text)!important;display:block!important;padding:.75rem 0!important;border-bottom:1px solid var(--border)}}main{padding-top:1rem;padding-bottom:2rem;min-height:calc(100vh - var(--nav-height) - 300px)}h1{font-size:var(--font-size-h1);margin-bottom:var(--space-s);line-height:1.25;font-weight:900;letter-spacing:-.03em}h2{font-size:var(--font-size-h2);margin-top:var(--space-l);margin-bottom:var(--space-s);line-height:1.3;font-weight:800;letter-spacing:-.025em}h3{font-size:var(--font-size-h3);margin-top:var(--space-m);margin-bottom:var(--space-xs);line-height:1.4;font-weight:700}.meta{font-size:.9rem;color:var(--secondary);margin-bottom:var(--space-s)}footer{padding-block:var(--space-xl);background:#f8fafc;border-top:1px solid var(--border);font-size:.95rem;color:var(--secondary)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-m)}.prose table{width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-cta{display:inline-flex;align-items:center;padding:.55rem 1.1rem;background:#16a34a;color:#fff!important;font-weight:700;font-size:.875rem;border-radius:10px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 2px 8px #16a34a40;animation:nav-pulse 2.8s ease-in-out infinite}.nav-cta:hover{background:#15803d!important;transform:translateY(-1px);box-shadow:0 4px 14px #16a34a59;animation:none}@keyframes nav-pulse{0%,to{box-shadow:0 2px 8px #16a34a40}50%{box-shadow:0 2px 18px #16a34a8c}}@keyframes cta-pulse{0%,to{box-shadow:0 4px 15px #2563eb4d}50%{box-shadow:0 4px 28px #2563eb99}}.btn.primary,.primary-btn{animation:cta-pulse 3s ease-in-out infinite}.btn.primary:hover,.primary-btn:hover{animation:none}@media screen and (max-width:860px){.nav-cta{display:none}}