.hub-hero{padding:90px 0;background:radial-gradient(circle at 85% 15%,rgba(0,169,216,.22),transparent 30%),linear-gradient(145deg,#06274a,#073b73);color:#fff}.hub-hero-inner{max-width:900px}.hub-hero .eyebrow{color:#8ee4fa}.hub-hero h1{max-width:900px;color:#fff}.hub-hero h1 span{color:#79ddf8}.hub-hero p:last-child{max-width:760px;color:#d5e7f3;font-size:1.12rem}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.topic-card{display:flex;gap:18px;min-height:280px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(7,59,115,.08);text-decoration:none}.topic-live{border-color:rgba(0,169,216,.45);transition:.2s ease}.topic-live:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.topic-no{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font-size:.76rem;font-weight:800}.topic-card small{color:var(--cyan-dark);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.topic-card h3{margin:8px 0;color:var(--navy-deep);font-size:1.35rem}.topic-card p{margin:0 0 18px;color:var(--muted);font-size:.93rem}.topic-card strong{color:var(--navy)}.topic-soon{background:#f7fafc;box-shadow:none;opacity:.75}.hub-note{margin-top:30px;padding:18px 22px;border-left:4px solid var(--cyan);background:var(--ice);color:var(--muted)}@media(max-width:900px){.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0}}@media(max-width:700px){.hub-hero{padding:56px 0}.hub-hero h1{font-size:clamp(2.2rem,11vw,3.3rem)}.topic-card{padding:22px}.header-inner .button{display:inline-flex}}
