*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--max-w: 1100px;--radius: 8px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:1rem;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);line-height:1.25}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 96%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);transition:background .2s}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;min-height:90px;display:flex;align-items:center;gap:1.5rem}.site-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.logo-img{height:80px;width:auto;display:block}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em;line-height:1}.logo-primary{color:var(--color-accent)}.logo-secondary{color:var(--color-text)}.site-logo:hover{text-decoration:none}nav#mainNav{display:flex;align-items:center;gap:.1rem;flex:1;justify-content:center}nav#mainNav a{color:var(--color-text-muted);font-size:1rem;font-weight:500;padding:.4rem .65rem;border-radius:var(--radius);transition:color .15s,background .15s;text-decoration:none;white-space:nowrap}nav#mainNav a:hover{color:var(--color-text);background:var(--color-surface-2);text-decoration:none}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.header-social{display:flex;align-items:center;gap:.25rem}.social-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none;transition:color .15s,background .15s}.social-icon:hover{color:var(--color-accent);background:var(--color-surface-2);text-decoration:none}.theme-toggle{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:color .15s,border-color .15s;flex-shrink:0}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.icon-sun{display:var(--icon-sun, block)}.icon-moon{display:var(--icon-moon, none)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0}.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:900px){.nav-toggle{display:flex}.header-inner{position:relative}.nav-toggle{position:absolute;left:50%;transform:translate(-50%)}nav#mainNav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:0;padding:.75rem;z-index:99}nav#mainNav.open{display:flex}nav#mainNav a{padding:.75rem 1rem;border-radius:var(--radius);font-size:1rem}.header-social{display:none}}@media(max-width:480px){.logo-img{height:56px}.logo-text{font-size:1rem}}footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:2rem 1.5rem}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.footer-logo .logo-img{height:48px;opacity:.7}.footer-copy{font-size:.82rem;color:var(--color-text-muted)}.footer-copy a{color:var(--color-text-muted);text-decoration:underline}.footer-copy a:hover{color:var(--color-accent)}.page-hero{padding:10rem 1.5rem 8rem;text-align:center;position:relative;background-image:var(--hero-bg, none);background-size:cover;background-position:var(--hero-pos, center 20%);overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000009e,#00000073);z-index:0}.page-hero:not([style*=hero-bg]){background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border)}.page-hero:not([style*=hero-bg]):before{display:none}.page-hero>*{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.5rem,7vw,5rem);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:.5rem;font-weight:700}.page-hero-sub{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;color:#fff;opacity:.95;margin:0 auto}.cap-bar{margin-top:1.25rem;width:min(360px,90vw);margin-left:auto;margin-right:auto;text-align:center}.cap-bar-track{height:10px;background:#ffffff2e;border-radius:99px;overflow:hidden}.cap-bar-fill{height:100%;border-radius:99px;background:#27ae60;transition:width .4s ease}.cap-bar-fill.warning{background:#e67e22}.cap-bar-fill.danger{background:#e74c3c}.cap-bar-fill.full{background:#c0392b}.cap-bar-label{margin:.5rem 0 0;font-size:.88rem;font-weight:600;color:#ffffffd9;letter-spacing:.02em}@media(max-width:480px){.page-hero{padding:7rem 1.25rem 5rem}.logo-img{height:44px}}