:root{--color-bg:#0d0820;--color-bg-surface:#160d30;--color-bg-card:#1e1245;--color-purple-deep:#2d1b69;--color-purple-mid:#6b3fa0;--color-purple-light:#a78bfa;--color-accent:#c084fc;--color-accent-hover:#d8b4fe;--color-text:#f1e9ff;--color-text-muted:#c4b5fd;--color-text-link:#d8b4fe;--color-border:#3d2480;--focus-ring:0 0 0 3px #f1e9ff, 0 0 0 6px #c084fc;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);flex-direction:column;min-height:100dvh;font-size:1.0625rem;line-height:1.65;display:flex}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}:focus:not(:focus-visible){outline:none}.skip-link{z-index:9999;background:var(--color-accent);color:#0d0820;border-radius:var(--radius-sm);padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:1rem}.skip-link:focus{outline-offset:2px;outline:3px solid #0d0820;top:1rem}h1,h2,h3,h4{color:var(--color-text);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw + 1rem,3.5rem)}h2{margin-bottom:1rem;font-size:clamp(1.5rem,3vw + .5rem,2.25rem)}h3{margin-bottom:.5rem;font-size:1.25rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:var(--color-text-link);text-underline-offset:3px;text-decoration:underline}a:hover{color:var(--color-accent-hover)}ul,ol{padding-left:1.5rem}li{margin-bottom:.4rem}header{backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;background:#0d0820eb;position:sticky;top:0}header nav{flex-wrap:wrap;align-items:center;gap:2rem;max-width:72rem;margin:0 auto;padding:.875rem 1.5rem;display:flex}.nav-logo{color:var(--color-accent);letter-spacing:-.02em;flex-shrink:0;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-logo:hover{color:var(--color-accent-hover)}header nav ul{flex-wrap:wrap;gap:1.5rem;padding:0;list-style:none;display:flex}header nav a:not(.nav-logo){color:var(--color-text-muted);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s}header nav a:not(.nav-logo):hover{color:var(--color-text)}main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:3rem 1.5rem 5rem}main:focus{outline:none}footer{background:var(--color-bg-surface);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);padding:2rem 1.5rem;font-size:.875rem}footer nav ul{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.75rem;padding:0;list-style:none;display:flex}footer nav a{color:var(--color-text-muted);font-size:.875rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.75rem}.badge-cta{background:linear-gradient(135deg, var(--color-purple-mid), var(--color-accent));color:#fff;border-radius:var(--radius-md);border:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.badge-cta:hover{filter:brightness(1.15);color:#fff;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.badge-cta{transition:none;transform:none}.badge-cta:hover{transform:none}}.badge-cta-secondary{border:2px solid var(--color-accent);color:var(--color-accent);background:0 0}.badge-cta-secondary:hover{color:var(--color-accent-hover);filter:none;background:#c084fc1a;transform:translateY(-2px)}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.gradient-text{background:linear-gradient(135deg,#c084fc,#f0abfc,#818cf8);-webkit-text-fill-color:transparent;background-clip:text}.draft-notice{border-radius:var(--radius-md);color:#fde68a;background:#fbbf241f;border:2px solid #fbbf24;margin-bottom:2rem;padding:1rem 1.5rem;font-weight:600}.todo-block{border-radius:var(--radius-md);color:#a5b4fc;font-family:var(--font-mono);background:#6366f11f;border:2px dashed #6366f1;margin:1.5rem 0;padding:1.5rem;font-size:.9rem}@media (width<=640px){main{padding:2rem 1rem 4rem}header nav{gap:1rem;padding:.75rem 1rem}}