:root{--bg:#040816;--bg-soft:#081122;--panel:#0b1226b8;--panel-strong:#0c142ce0;--border:#b4d2ff24;--text:#eef4ff;--muted:#a9b7d1;--blue:#7fc4ff;--cyan:#69e6ff;--violet:#7f8cff;--gold:#ffd37a;--shadow:0 30px 80px #00000073}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{color:var(--text);background:radial-gradient(circle at 0 0,#589bff2e,#0000 30%),radial-gradient(circle at 85% 18%,#825aff29,#0000 24%),linear-gradient(#030712 0%,#040816 36%,#06101f 100%);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}body{min-width:320px}.page-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.ambient{filter:blur(80px);pointer-events:none;opacity:.55;border-radius:999px;position:absolute}.ambient-1{background:#56a5ff38;width:340px;height:340px;top:80px;left:-80px}.ambient-2{background:#846eff2e;width:280px;height:280px;top:200px;right:-40px}.ambient-3{background:#58ffe41a;width:320px;height:320px;bottom:100px;left:35%}.site-header,.site-footer,.hero,.section,.subpage-hero,.mission-hero{z-index:1;position:relative}.site-header{max-width:1240px;margin:0 auto 24px}.header-inner{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#080d1c99;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.nav{color:var(--muted);align-items:center;gap:22px;font-size:14px;display:flex}.nav a{transition:color .2s}.nav a:hover{color:var(--text)}.nav-cta,.btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;transition:transform .2s,opacity .2s,border-color .2s;display:inline-flex}.nav-cta{background:#101e3ad6;border:1px solid #7fc4ff47;padding:12px 16px;font-size:14px;font-weight:600}.btn:hover,.nav-cta:hover,.inline-link:hover,.related-card:hover{transform:translateY(-1px)}.hero{grid-template-columns:1.2fr .9fr;align-items:center;gap:28px;max-width:1240px;margin:0 auto;padding:52px 0 36px;display:grid}.subpage-hero,.mission-hero{max-width:1240px;margin:0 auto}.subpage-hero{padding:42px 0 10px}.mission-hero{grid-template-columns:1.2fr .8fr;align-items:end;gap:18px;padding:42px 0 12px;display:grid}.eyebrow,.section-kicker,.panel-topline,.mission-status,.stat-kicker,.meta-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.eyebrow{color:var(--blue);align-items:center;gap:8px;margin-bottom:18px;display:inline-flex}.hero h1,.subpage-title{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(3rem,7vw,5.8rem);line-height:.95}.subpage-title{max-width:980px;font-size:clamp(2.5rem,5vw,4.6rem)}.hero-text,.subpage-text{max-width:760px;color:var(--muted);margin:0 0 24px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.btn{border:1px solid #0000;min-height:52px;padding:14px 20px;font-weight:700}.btn-primary{color:#03111d;background:linear-gradient(135deg,#6cc0fff0,#6b76fff0)}.btn-secondary{color:var(--text);background:#0f162ac7;border-color:#a2bcec2e}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card,.glass{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.stat-card{border-radius:20px;padding:16px}.stat-kicker{color:var(--cyan);margin-bottom:8px;display:block}.stat-card strong{font-size:14px;line-height:1.45;display:block}.hero-panel{justify-content:stretch;display:flex}.panel,.mission-hero-panel{background:linear-gradient(#101c3ae0,#091022e6),#0b1226b8;border-radius:28px;width:100%;padding:28px}.panel-topline{color:var(--gold);align-items:center;gap:10px;margin-bottom:18px;display:flex}.live-dot{background:var(--gold);border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #ffd37acc}.panel h2{letter-spacing:-.03em;margin:0 0 10px;font-size:32px}.panel p,.content-card p,.directory-card p,.learning-card p,.mode-card p,.dashboard-card p,.phase-item p,.mini-surface-card p{color:var(--muted);margin:0;line-height:1.7}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-card{color:#dce8ff;background:#ffffff0a;border-radius:18px;align-items:center;gap:10px;padding:16px;display:flex}.section{max-width:1240px;margin:0 auto;padding:76px 0 20px}.tight-top{padding-top:20px}.section-heading{max-width:820px;margin-bottom:24px}.section-kicker{color:var(--cyan);margin-bottom:10px;display:inline-block}.section h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02}.section p{color:var(--muted);font-size:17px;line-height:1.7}.mission-grid,.feature-grid,.dashboard-grid,.directory-grid,.split-grid,.stats-strip,.code-preview{gap:18px;display:grid}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-grid,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.top-gap{margin-top:18px}.mission-card,.feature-card,.vision-panel,.cta-card,.content-card,.dashboard-card,.directory-card,.directory-toolbar,.directory-controls,.stats-strip-card,.api-preview-card{border-radius:26px;padding:24px}.directory-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.toolbar-chip{color:#dce8ff;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:inline-flex}.mission-status{color:var(--gold)}.status-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-badge-dot{border-radius:999px;width:8px;height:8px}.status-live{color:#92f2ff;background:#4dc0d91a}.status-live .status-badge-dot{background:#92f2ff;box-shadow:0 0 12px #92f2ffb3}.status-featured{color:#ffd37a;background:#ffd37a1a}.status-featured .status-badge-dot{background:#ffd37a;box-shadow:0 0 12px #ffd37ab3}.status-development{color:#9ab2ff;background:#7a90ff1a}.status-development .status-badge-dot{background:#9ab2ff}.status-future{color:#c0c8da;background:#c0c8da1a}.status-future .status-badge-dot{background:#c0c8da}.mission-card h3,.feature-card h3,.directory-card h2,.dashboard-card h2,.content-card h2{letter-spacing:-.03em;margin:14px 0 12px;font-size:24px}.inline-link,.related-card{color:var(--blue);align-items:center;gap:8px;margin-top:12px;font-weight:700;display:inline-flex}.feature-icon{width:44px;height:44px;color:var(--blue);background:#7fc4ff1c;border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.vision-section,.mission-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:18px;display:grid}.pillar-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.pillar-list li{color:#dce8ff;border-left:2px solid #7fc4ff4d;padding-left:14px}.phase-item+.phase-item{border-top:1px solid #ffffff14;margin-top:18px;padding-top:18px}.phase-item strong,.learning-card strong,.mode-card strong,.hero-panel-list strong,.directory-meta strong,.related-card strong,.timeline-content strong,.stats-strip-card strong,.mini-surface-top strong{margin-bottom:8px;font-size:18px;display:block}.cta-section{padding-bottom:72px}.cta-card{text-align:center;padding:34px 24px}.cta-card h2{max-width:920px;margin-left:auto;margin-right:auto}.cta-card p{max-width:720px;margin:0 auto 24px}.card-label{color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:inline-flex}.stack-list{gap:12px;display:grid}.stack-list.compact{gap:10px}.stack-item,.learning-card,.mode-card,.related-card,.mini-surface-card{background:#ffffff0a;border-radius:18px;padding:16px}.mode-card,.related-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.related-list,.mini-stacked-grid{gap:12px;display:grid}.hero-panel-list,.directory-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.directory-meta{margin-top:18px}.directory-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.directory-category{color:var(--muted);text-align:right;font-size:13px}.timeline{gap:14px;display:grid}.timeline-item{grid-template-columns:22px 1fr;align-items:start;gap:12px;display:grid}.timeline-dot{border-radius:999px;width:14px;height:14px;margin-top:6px}.timeline-complete{background:var(--blue);box-shadow:0 0 16px #7fc4ff80}.timeline-active{background:var(--gold);box-shadow:0 0 16px #ffd37a80}.timeline-upcoming{background:#ffffff40}.directory-client{gap:18px;display:grid}.directory-controls{grid-template-columns:1.4fr .6fr;gap:16px;display:grid}.control-group{gap:10px;display:grid}.control-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-size:12px}.control-input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #b4d2ff24;border-radius:16px;outline:none;padding:14px 16px}.control-input::placeholder{color:#8da0c0}.results-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.results-count{color:var(--muted);font-size:14px}.tag-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tag-pill{color:#d9ecff;letter-spacing:.04em;text-transform:uppercase;background:#7fc4ff1a;border-radius:999px;padding:8px 12px;font-size:12px}.stats-strip-card{text-align:center}.stats-strip-card strong{margin-bottom:0;font-size:34px}.code-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.code-preview code{color:#cce7ff;background:#ffffff0a;border-radius:16px;padding:14px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;display:block}.site-footer{max-width:1240px;margin:36px auto 0;padding:0 0 16px}.footer-grid{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#080d1c99;border-radius:22px;grid-template-columns:1.2fr .8fr .8fr;gap:24px;padding:24px;display:grid}.footer-brand{margin-bottom:12px;font-size:22px;font-weight:700}.footer-copy{color:var(--muted);max-width:520px;line-height:1.7}.footer-heading{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:12px}.footer-links{color:#dce8ff;gap:10px;display:grid}@media (max-width:1100px){.hero,.mission-hero,.vision-section,.mission-layout,.mission-grid,.feature-grid,.dashboard-grid,.directory-grid,.split-grid,.footer-grid,.stats-strip,.code-preview,.hero-stats,.hero-panel-list,.directory-meta,.directory-controls{grid-template-columns:1fr}}@media (max-width:760px){.page-shell{padding:16px}.header-inner{flex-wrap:wrap;padding:14px}.nav{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;font-size:13px}.hero{padding-top:24px}.hero h1,.subpage-title{line-height:1}.panel,.mission-hero-panel,.mission-card,.feature-card,.vision-panel,.cta-card,.stat-card,.content-card,.dashboard-card,.directory-card,.directory-toolbar,.directory-controls,.stats-strip-card,.api-preview-card{border-radius:22px}.directory-top{flex-direction:column;align-items:flex-start}.directory-category{text-align:left}}