:root{--bg:#07131d;--panel:#0d1d29;--panel2:#102735;--line:#23404d;--text:#eef7f8;--muted:#9db7bd;--accent:#56d3c5;--warm:#e6c987;--danger:#ff8c8c;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:linear-gradient(#06121b 0%,#091b25 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#07131deb;justify-content:space-between;align-items:center;padding:20px clamp(24px,5vw,72px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{background:var(--accent);color:#05211f;border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.brand strong{letter-spacing:.12em;font-size:17px}.brand small{color:var(--muted);margin-top:3px;display:block}.phaseBadge,.status,.classLabel{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.phaseBadge{border:1px solid var(--line);color:var(--warm);border-radius:999px;padding:9px 12px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:center;gap:56px;max-width:1240px;margin:auto;padding:88px 32px 60px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1,.registryIntro h1{letter-spacing:-.04em;max-width:900px;margin:14px 0 22px;font-size:clamp(42px,6vw,76px);line-height:.99}.lead{color:var(--muted);max-width:820px;font-size:19px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary,.secondary{border-radius:12px;padding:13px 18px;font-weight:700;display:inline-block}.primary{background:var(--accent);color:#05211f}.secondary{border:1px solid var(--line);background:#ffffff05}.secondary.small{padding:9px 13px;font-size:13px}.controlCard{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 22px 80px #00000040}.cardLabel{color:var(--warm);letter-spacing:.13em;font-size:11px;font-weight:900}.metric{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:20px 0;display:flex}.metric strong{font-size:38px}.metric span,.controlCard p{color:var(--muted)}.section{max-width:1240px;margin:auto;padding:64px 32px}.section h2{letter-spacing:-.02em;max-width:760px;font-size:36px}.architectureGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.architectureGrid article,.portalCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.architectureGrid h3{margin:0 0 10px}.architectureGrid p,.portalCard p{color:var(--muted);line-height:1.55}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none;padding-left:max(32px,50vw - 588px);padding-right:max(32px,50vw - 588px)}.path{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.path span{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px}.path b{color:var(--accent)}.registryIntro{padding-bottom:30px}.registryIntro h1{font-size:clamp(38px,5vw,62px)}.portalGrid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1240px;margin:auto;padding:0 32px 64px;display:grid}.portalTop{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.portalTop h2{margin:8px 0 2px;font-size:28px}.classLabel{color:var(--accent)}.status{border:1px solid var(--line);white-space:nowrap;color:var(--warm);border-radius:999px;padding:7px 9px}dl{margin:24px 0 0}dl div{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:14px;padding:10px 0;display:grid}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:30px}@media (max-width:850px){.hero{grid-template-columns:1fr;padding-top:56px}.architectureGrid{grid-template-columns:1fr 1fr}.portalGrid{grid-template-columns:1fr}.phaseBadge{display:none}}@media (max-width:560px){.topbar{padding:15px 18px}.hero,.section,.portalGrid{padding-left:18px;padding-right:18px}.architectureGrid{grid-template-columns:1fr}.hero h1{font-size:42px}.portalTop{display:block}.status{margin-top:12px;display:inline-block}dl div{grid-template-columns:1fr;gap:4px}}
