:root{--color-bg: hsl(220 50% 7%);--color-bg-alt: hsl(220 45% 11%);--color-surface-1: hsl(220 40% 14%);--color-surface-2: hsl(220 35% 18%);--color-surface-3: hsl(220 30% 22%);--color-accent-primary: #009DDE;--color-accent-primary-soft: color-mix(in oklab, #009DDE 14%, transparent);--color-accent-primary-medium: color-mix(in oklab, #009DDE 40%, transparent);--color-accent-secondary: #00CDBB;--color-accent-secondary-soft: color-mix(in oklab, #00CDBB 14%, transparent);--color-accent-secondary-medium: color-mix(in oklab, #00CDBB 40%, transparent);--color-accent-tertiary: hsl(248 80% 70%);--color-accent-tertiary-soft: color-mix(in oklab, hsl(248 80% 70%) 14%, transparent);--color-accent-tertiary-medium: color-mix(in oklab, hsl(248 80% 70%) 40%, transparent);--color-text: hsl(220 25% 96%);--color-text-muted: hsl(220 15% 72%);--color-text-dim: hsl(220 12% 55%);--color-border: color-mix(in oklab, var(--color-text) 14%, transparent);--color-border-strong: color-mix(in oklab, var(--color-text) 24%, transparent);--color-success: hsl(150 65% 55%);--color-info: hsl(193 80% 60%);--color-hero-text: hsl(220 25% 96%);--color-code: #00CDBB;--font-sans: "Outfit", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max: 1100px;--container-padding: var(--space-lg);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-base: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}a:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700}h2{font-size:clamp(1.5rem,3.5vw,2.25rem);margin-bottom:var(--space-md);text-align:center}h3{font-size:clamp(1.1rem,2vw,1.35rem)}p{color:var(--color-text-muted);max-width:65ch}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-3xl) 0}.section__subtitle{text-align:center;margin:-.5rem auto var(--space-xl);font-size:1.05rem;color:var(--color-text-muted);max-width:560px}.section-divider{width:min(220px,45%);height:1px;margin:0 auto;border:none;background:linear-gradient(90deg,transparent,var(--color-text-dim),transparent)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.7rem 1.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:500;color:#f2f4f7;background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);text-decoration:none;line-height:1.4}.btn:hover{background:var(--color-accent-secondary);color:#f2f4f7;transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}.btn--secondary{background:transparent;border:1.5px solid var(--color-accent-primary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-accent-primary-soft);border-color:var(--color-accent-secondary);color:var(--color-accent-secondary)}.card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.card:hover{background:var(--color-surface-2);border-color:var(--color-accent-primary-medium);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease forwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}::selection{background:var(--color-accent-primary);color:var(--color-bg)}.site-nav{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--color-bg) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.site-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-md);padding-top:var(--space-sm);padding-bottom:var(--space-sm);min-height:3.25rem}.site-nav__brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--color-text)}.site-nav__brand:hover{color:var(--color-accent-secondary)}.site-nav__logo{width:62px;height:62px;flex-shrink:0;border-radius:var(--radius-sm);display:block}.site-nav__links{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.site-nav__link{font-size:1.1rem;color:var(--color-text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm)}.site-nav__link:hover{color:var(--color-text)}.site-nav__link[aria-current=page],.site-nav__brand-block{color:var(--color-accent-primary)}.site-nav__brand-sensus,.site-nav__brand:hover .site-nav__brand-block{color:var(--color-accent-secondary)}.site-nav__brand:hover .site-nav__brand-sensus{color:var(--color-accent-primary)}.site-nav__theme-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1.1rem;color:var(--color-text-dim);background:transparent;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.site-nav__theme-btn:hover{color:var(--color-accent-secondary);border-color:var(--color-accent-primary)}.site-nav__theme-btn:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}.site-nav__actions{display:inline-flex;align-items:center;gap:var(--space-sm)}@media(max-width:640px){.site-nav__inner{flex-direction:column;align-items:stretch;gap:var(--space-sm);min-height:0;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.site-nav__brand{justify-content:center}.site-nav__logo{width:40px;height:40px}.site-nav__brand-text{font-size:.95rem}.site-nav__link{font-size:1rem}.site-nav__actions{justify-content:center;width:100%}}@media(min-width:641px)and (max-width:1023px){.site-nav__logo{width:48px;height:48px}}@media(max-width:768px){.section{padding:var(--space-2xl) 0}}.site-nav__theme-btn .site-nav__icon--sun,.site-nav__theme-btn .site-nav__icon--moon{display:none}:root[data-theme-mode=light] .site-nav__theme-btn .site-nav__icon--sun{display:inline-block}:root[data-theme-mode=dark] .site-nav__theme-btn .site-nav__icon--moon{display:inline-block}:root[data-theme=light]{--color-bg: hsl(0 0% 100%);--color-bg-alt: hsl(0 0% 100%);--color-surface-1: hsl(0 0% 100%);--color-surface-2: hsl(220 14% 97%);--color-surface-3: hsl(220 14% 94%);--color-accent-primary: #009DDE;--color-accent-primary-soft: color-mix(in oklab, #009DDE 14%, transparent);--color-accent-primary-medium: color-mix(in oklab, #009DDE 40%, transparent);--color-accent-secondary: #00CDBB;--color-accent-secondary-soft: color-mix(in oklab, #00CDBB 14%, transparent);--color-accent-secondary-medium: color-mix(in oklab, #00CDBB 40%, transparent);--color-accent-tertiary: hsl(248 80% 70%);--color-accent-tertiary-soft: color-mix(in oklab, hsl(248 80% 70%) 14%, transparent);--color-accent-tertiary-medium: color-mix(in oklab, hsl(248 80% 70%) 40%, transparent);--color-text: hsl(220 50% 14%);--color-text-muted: hsl(220 18% 36%);--color-text-dim: hsl(220 14% 48%);--color-border: color-mix(in oklab, var(--color-text) 14%, transparent);--color-border-strong: color-mix(in oklab, var(--color-text) 22%, transparent);--color-success: hsl(150 55% 38%);--color-info: hsl(193 80% 50%);--color-code: hsl(172 76% 28%);--color-hero-text: hsl(220 50% 14%)}