:root{--white-strong:#fff;--white-soft:#f8f7ff;--ink-strong:#1e1230;--ink-soft:#4b3f61;--surface-border:#eadffa;--orange-600:#ff6a1a;--orange-500:#ff7f2a;--violet-700:#5b21b6;--violet-600:#6d28d9;--purple-500:#8b3dff;--orange-pastel:#ffe2cf;--violet-pastel:#ece0ff;--purple-pastel:#f3ebff;--success-vivid:#16a34a;--success-pastel:#dcfce7;--warning-vivid:#d97706;--warning-pastel:#ffedd5;--info-vivid:#7c3aed;--info-pastel:#ede9fe;color:var(--ink-strong);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}a{color:inherit}@media (width<=1024px){:root{font-size:16px}}.hub-shell{background:radial-gradient(circle at 10% 8%, #ff7f2a38, transparent 35%), radial-gradient(circle at 90% 12%, #8b3dff29, transparent 42%), var(--white-soft);flex-direction:column;min-height:100svh;display:flex}.hub-main{gap:28px;width:min(1140px,100%);margin:0 auto;padding:56px 24px 36px;display:grid}.hero{border:1px solid var(--surface-border);background:linear-gradient(145deg,#fffffffa,#f3ebffb3);border-radius:26px;padding:30px 32px;box-shadow:0 24px 40px #2e125814}.eyebrow{letter-spacing:.04em;color:var(--violet-700);background:var(--violet-pastel);text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:.8rem;display:inline-flex}.hero h1{color:var(--ink-strong);letter-spacing:-.02em;margin:14px 0 10px;font-size:clamp(2rem,4vw,3.05rem)}.hero p{max-width:780px;color:var(--ink-soft);margin:0;line-height:1.55}.systems-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.system-card{border:1px solid var(--surface-border);background:var(--white-strong);border-radius:20px;gap:14px;padding:20px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 16px 28px #1e12300f}.system-card:hover{transform:translateY(-2px);box-shadow:0 22px 34px #1e12301a}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-head h2{color:var(--ink-strong);margin:0;font-size:1.18rem}.status-pill{border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:600}.status-pill.is-live{background:var(--orange-pastel);color:#9b3e00}.status-pill.is-soon{background:var(--violet-pastel);color:var(--violet-700)}.system-card p{color:var(--ink-soft);min-height:76px;margin:0}.card-action{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;min-height:44px;font-weight:600;text-decoration:none;transition:filter .14s,transform .14s;display:inline-flex}.accent-orange .card-action{background:linear-gradient(135deg, var(--orange-600), var(--orange-500));color:var(--white-strong)}.accent-violet .card-action{background:linear-gradient(135deg, var(--violet-600), var(--purple-500));color:var(--white-strong)}.card-action:hover{filter:brightness(1.03);transform:translateY(-1px)}.card-action:focus-visible{outline-offset:2px;outline:3px solid #6d28d947}.card-action.is-disabled{color:#7d749c;cursor:not-allowed;background:#f2f0fa;border-color:#ddd7f0}.announcements{gap:10px;display:grid}.notice{border:1px solid #0000;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.notice strong{font-size:.92rem}.notice span{color:var(--ink-soft)}.notice-info{background:var(--info-pastel);border-color:#7c3aed33}.notice-info strong{color:var(--info-vivid)}.notice-warning{background:var(--warning-pastel);border-color:#d9770638}.notice-warning strong{color:var(--warning-vivid)}.hub-footer{border-top:1px solid var(--surface-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;min-height:58px;color:var(--ink-soft);background:#ffffffb8;justify-content:center;align-items:center;gap:16px;margin-top:auto;font-size:.9rem;display:flex}@media (width<=1080px){.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.hub-main{gap:16px;padding:28px 16px 24px}.hero{border-radius:20px;padding:20px}.systems-grid{grid-template-columns:1fr}.system-card p{min-height:auto}}