:root{--bg: #0b1120;--bg-grad-1: #0b1120;--bg-grad-2: #111c33;--surface: #131c2f;--surface-2: #1a2540;--border: #22304d;--border-strong: #2f4166;--text: #e8eefb;--text-muted: #94a3b8;--text-subtle: #64748b;--accent: #3b82f6;--accent-2: #06b6d4;--accent-contrast: #ffffff;--accent-soft: rgba(59, 130, 246, .12);--glow: rgba(59, 130, 246, .35);--shadow: rgba(2, 6, 23, .5);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .92rem + .2vw, 1.05rem);--step-1: clamp(1.1rem, 1.02rem + .4vw, 1.3rem);--step-2: clamp(1.35rem, 1.2rem + .7vw, 1.75rem);--step-3: clamp(1.7rem, 1.4rem + 1.4vw, 2.5rem);--step-4: clamp(2.1rem, 1.5rem + 3vw, 4rem);--space-xs: .5rem;--space-sm: .85rem;--space-md: 1.35rem;--space-lg: 2.25rem;--space-xl: clamp(3rem, 6vw, 5.5rem);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--header-height: 68px;--content-width: 1140px;--transition: .22s cubic-bezier(.4, 0, .2, 1);--icon-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8.5 7H17v8.5'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 12px);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:var(--step-0);line-height:1.7;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 12% -10%,var(--accent-soft),transparent 45%),radial-gradient(circle at 88% 4%,var(--accent-soft),transparent 40%),linear-gradient(180deg,var(--bg-grad-2),var(--bg-grad-1) 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color var(--transition),color var(--transition)}h1,h2,h3,h4{margin:0 0 var(--space-sm);line-height:1.2;font-weight:700;letter-spacing:-.02em}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{margin:0 0 var(--space-sm)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-2)}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-contrast)}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.section{padding-block:var(--space-xl);scroll-margin-top:var(--header-height)}.section__label{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-xs)}.section__label:before{content:"";width:26px;height:1px;background:var(--accent)}.section__title{margin-bottom:var(--space-lg)}.grid{display:grid;gap:var(--space-md)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid--auto-lg{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.card{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.card--interactive:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 18px 40px -22px var(--shadow),0 0 0 1px var(--accent-soft)}.chip{display:inline-flex;align-items:center;padding:.28rem .7rem;font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.link-out:after{content:"";display:inline-block;width:.7em;height:.7em;margin-left:.3em;background-color:currentColor;-webkit-mask:var(--icon-external) center/contain no-repeat;mask:var(--icon-external) center/contain no-repeat;transition:transform var(--transition)}.link-out:hover:after{transform:translate(1.5px,-1.5px)}.icon-badge{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:12px}.icon-badge--sm{width:34px;height:34px;border-radius:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.7rem 1.35rem;font-family:inherit;font-size:var(--step-0);font-weight:600;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),border-color var(--transition),color var(--transition)}.btn:active{transform:translateY(1px)}.btn--primary{color:var(--accent-contrast);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px -12px var(--glow)}.btn--primary:hover{color:var(--accent-contrast);box-shadow:0 16px 38px -12px var(--glow)}.btn--ghost{color:var(--text);background:transparent;border-color:var(--border-strong)}.btn--ghost:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.stat{text-align:center;padding:var(--space-sm)}.stat__value{display:block;font-size:var(--step-3);font-weight:700;line-height:1.1;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat__label{font-size:var(--step--1);color:var(--text-muted);letter-spacing:.04em}.timeline{position:relative;display:grid;gap:var(--space-md);padding-left:1.9rem}.timeline:before{content:"";position:absolute;inset-block:.6rem .6rem;left:.42rem;width:2px;background:linear-gradient(180deg,var(--accent),transparent)}.timeline__marker{position:absolute;left:-1.62rem;top:1.55rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.timeline__marker--current{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.bullets{display:grid;gap:.55rem}.bullets li{position:relative;padding-left:1.15rem;color:var(--text-muted)}.bullets li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skip-link{position:absolute;left:50%;top:-60px;transform:translate(-50%);z-index:200;padding:.65rem 1.2rem;background:var(--accent);color:var(--accent-contrast);border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:top var(--transition)}.skip-link:focus{top:0;color:var(--accent-contrast)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s cubic-bezier(.16,1,.3,1)}.reveal.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(min-width:768px){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}}@media print{body{background:#fff;color:#000}.app-header,.app-footer,.theme-picker,.btn,.scroll-progress{display:none!important}.section{padding-block:1rem;page-break-inside:avoid}.reveal{opacity:1;transform:none}}