:root{
  --bg:#07111f;--panel:#0d1b2f;--panel2:#10243f;--text:#e9f5ff;--muted:#a8bed2;--line:#24415f;--accent:#8fd6ff;--accent2:#f7c948;--green:#60d394;--yellow:#ffd166;--orange:#f8961e;--red:#ff5d73;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#123b58 0,#07111f 34%,#050912 100%);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif}a{color:var(--accent)}
.hero{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:56px min(6vw,72px) 36px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(143,214,255,.12),rgba(247,201,72,.04))}.seal{width:84px;height:84px;border:1px solid var(--accent);border-radius:24px;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;color:var(--accent);box-shadow:0 0 40px rgba(143,214,255,.18)}h1{margin:.1rem 0;font-size:clamp(2rem,4vw,4.3rem);line-height:1.02}h1 span{color:var(--accent2)}.subtitle{max-width:920px;color:var(--muted);font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent2);font-size:.78rem;font-weight:800;margin:0 0 .35rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-actions a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);text-decoration:none}
main{padding:28px min(6vw,72px);display:grid;gap:24px}.panel,.callout{background:linear-gradient(180deg,rgba(16,36,63,.92),rgba(13,27,47,.92));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.22)}.boundary{border-color:rgba(247,201,72,.48)}.boundary code{display:block;margin-top:12px;padding:12px;border-radius:14px;background:#050912;color:var(--accent2);overflow:auto}.section-head{margin-bottom:18px}.section-head h2{margin:.1rem 0;font-size:1.7rem}.row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:18px}.card h3{margin:.1rem 0 .5rem}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(143,214,255,.1);border:1px solid rgba(143,214,255,.25);font-size:.76rem;color:var(--accent);margin:2px}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:24px;align-items:center}.schema-img{width:100%;border:1px solid var(--line);border-radius:18px;background:#081320}.checklist{padding-left:1.2rem;color:var(--muted)}select{background:#07111f;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px}.atom-list{display:grid;gap:10px}.atom{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.atom .id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent2);font-size:.85rem}.gate{font-weight:800;padding:4px 8px;border-radius:999px;font-size:.74rem}.gate.GREEN{background:rgba(96,211,148,.16);color:var(--green)}.gate.YELLOW{background:rgba(255,209,102,.16);color:var(--yellow)}.gate.ORANGE{background:rgba(248,150,30,.16);color:var(--orange)}.gate.RED_BLOCK,.gate.RED{background:rgba(255,93,115,.16);color:var(--red)}.gate-layout{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:18px}.controls{display:grid;gap:14px}.controls label{display:grid;gap:8px;color:var(--muted)}input[type=range]{width:100%}.gate-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:radial-gradient(circle at top right,rgba(143,214,255,.12),rgba(255,255,255,.04));min-height:220px;display:grid;align-content:center}.status{font-size:2.8rem;font-weight:900}.score{font-size:1.4rem;color:var(--muted)}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.blocked{margin-top:18px;border:1px solid rgba(255,93,115,.3);background:rgba(255,93,115,.06);border-radius:18px;padding:18px}pre{white-space:pre-wrap;background:#050912;border:1px solid var(--line);border-radius:16px;padding:16px;overflow:auto}footer{padding:28px min(6vw,72px);color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:780px){.hero{grid-template-columns:1fr}.split,.gate-layout{grid-template-columns:1fr}.atom{grid-template-columns:1fr}.seal{width:72px;height:72px}}