body.topic-public{margin:0;background:#07111f;color:#f7fbff;font-family:Inter,system-ui,sans-serif}.topic-shell{width:min(1120px,calc(100% - 30px));margin:auto}.topic-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.topic-brand{font-weight:900}.topic-nav a{color:#96abc4;font-size:.72rem;text-decoration:none}.topic-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:42px 0 24px}.topic-hero-card,.topic-card{background:linear-gradient(180deg,#10233a,#091728);border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:22px}.topic-eyebrow{color:#82e7f2;font-size:.61rem;font-weight:900;letter-spacing:.13em}.topic-hero h1{font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:-.05em;line-height:.98;margin:10px 0}.topic-hero p,.topic-card p{color:#94a8bf;line-height:1.7;font-size:.76rem}.topic-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.topic-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:11px;border:1px solid rgba(148,163,184,.16);color:#fff;background:#0e1d30;font-weight:800;font-size:.72rem;cursor:pointer;text-decoration:none}.topic-btn.primary{background:linear-gradient(135deg,#5e68ff,#2ad2ea);border-color:transparent}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 0}.topic-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-card h2,.topic-card h3{margin:0;font-size:.95rem}.topic-card ul{color:#91a6be;font-size:.7rem;line-height:1.8;padding-left:18px}.topic-quiz{margin-top:10px}.topic-quiz-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.topic-progress{height:7px;background:#0b182a;border-radius:99px;overflow:hidden;margin:14px 0 18px}.topic-progress span{display:block;height:100%;background:linear-gradient(90deg,#606cff,#38d7ef)}.topic-question{font-size:1rem;line-height:1.55;font-weight:800}.topic-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.topic-option{min-height:56px;display:flex;gap:9px;align-items:flex-start;text-align:left;padding:12px;border-radius:13px;border:1px solid rgba(148,163,184,.12);background:#0a1726;color:#e9f2fb;cursor:pointer}.topic-option b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.05);flex:0 0 auto}.topic-option.selected{border-color:#39d6ee;background:rgba(57,214,238,.05)}.topic-result{text-align:center;padding:25px}.topic-score{font-size:4rem;font-weight:950;background:linear-gradient(135deg,#7c73ff,#39d6ee);-webkit-background-clip:text;background-clip:text;color:transparent}.topic-plan{display:grid;gap:8px;padding:0;list-style:none}.topic-plan li{display:flex;gap:9px;align-items:center;padding:9px;border-bottom:1px solid rgba(148,163,184,.08);color:#8fa4bc;font-size:.68rem}.topic-plan b{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(93,105,255,.12);color:#b3baff}.topic-footer{padding:24px 0 38px;color:#687f9a;font-size:.62rem;border-top:1px solid rgba(148,163,184,.08)}@media(max-width:780px){.topic-hero,.topic-grid,.topic-grid-3{grid-template-columns:1fr}.topic-options{grid-template-columns:1fr}.topic-shell{width:min(100% - 18px,1120px)}.topic-hero{padding-top:22px}}