:root{--bg-primary: #0C2D48;--bg-secondary: #0e3456;--bg-raised: #113b60;--bg-card: rgba(12, 45, 72, .7);--bg-glass: rgba(177, 212, 224, .05);--bg-glass-hover: rgba(177, 212, 224, .09);--accent-cyan: #2E8BC0;--accent-cyan-rgb: 46, 139, 192;--accent-violet: #145DA0;--accent-violet-rgb: 20, 93, 160;--accent-blue: #145DA0;--accent-blue-rgb: 20, 93, 160;--accent-light: #B1D4E0;--accent-light-rgb: 177, 212, 224;--accent-gradient: linear-gradient(135deg, #2E8BC0, #145DA0);--accent-gradient-hover: linear-gradient(135deg, #3896cb, #1866ae);--text-primary: #f1f5f9;--text-secondary: #B1D4E0;--text-muted: #7fa8c2;--text-accent: #6db6de;--border-subtle: rgba(177, 212, 224, .12);--border-strong: rgba(177, 212, 224, .22);--border-accent: rgba(46, 139, 192, .45);--shadow-sm: 0 1px 2px rgba(3, 14, 24, .4);--shadow-md: 0 8px 24px rgba(3, 14, 24, .45);--shadow-lg: 0 24px 64px rgba(3, 14, 24, .55);--shadow-glow: 0 0 0 1px rgba(var(--accent-cyan-rgb), .35);--shadow-glow-violet: 0 0 0 1px rgba(var(--accent-violet-rgb), .35);--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: "Schibsted Grotesk", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--fs-xs: .8125rem;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: clamp(1.75rem, 3.2vw, 2.375rem);--fs-display: clamp(2.75rem, 7.5vw, 5.25rem);--section-padding: 112px 0;--container-max: 1160px;--container-px: 24px;--measure: 66ch;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .18s var(--ease-out);--transition-smooth: .32s var(--ease-out);--transition-spring: .5s cubic-bezier(.34, 1.4, .64, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}p{text-wrap:pretty}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-light)}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px;border-radius:4px}::selection{background:rgba(var(--accent-cyan-rgb),.35);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:rgba(var(--accent-light-rgb),.18);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-light-rgb),.3)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-px)}.section{padding:var(--section-padding);position:relative}.section-head{margin-bottom:56px;max-width:720px}.section-title{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin-bottom:12px}.section-subtitle{color:var(--text-secondary);font-size:var(--fs-md);max-width:56ch}.tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);background:rgba(var(--accent-light-rgb),.06);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:500;border:1px solid var(--border-subtle);line-height:1.5}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;font-family:var(--font-body);font-weight:600;font-size:.95rem;border-radius:var(--radius-sm);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:inset 0 1px #ffffff24,var(--shadow-sm)}.btn-primary:hover{background:var(--accent-gradient-hover);color:#fff}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--accent-light);color:var(--text-primary);background:rgba(var(--accent-light-rgb),.05)}.filter-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#030e1833}.filter-tab{padding:7px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.filter-tab:hover{color:var(--text-primary)}.filter-tab[aria-pressed=true]{background:rgba(var(--accent-cyan-rgb),.18);color:var(--text-primary)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){:root{--section-padding: 72px 0;--container-px: 16px}.section-head{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}