:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;color:#f5f7ff;background:#0b1026}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 8%,#40307165,transparent 44%),radial-gradient(ellipse at 90% 70%,#168a8840,transparent 48%),#0b1026}button,textarea{font:inherit}button{cursor:pointer;border:1px solid #59678f;border-radius:12px;background:#29345c;color:#fff;padding:12px 18px}button:hover:not(:disabled){border-color:#b3bfff}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #76e7dd;outline-offset:3px}.primary{background:linear-gradient(120deg,#6952da,#9264e8);border-color:#a184ff;font-weight:750}.shell{max-width:1040px;margin:auto;padding:24px 20px 64px}.top{display:flex;justify-content:space-between;align-items:center}.top a{color:#c4cbea;text-decoration:none}.top strong{font-size:1.35rem;letter-spacing:-.04em}.top span{color:#7be8de}.hero{padding:62px 0 32px}.hero h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.055em;margin:12px 0}.hero>p:last-child,.heading>div>p:last-child{color:#bbc5e4;line-height:1.6}.eyebrow{font-size:.74rem;color:#7de8dd;font-weight:800;letter-spacing:.13em}.panel{padding:clamp(20px,4vw,42px);border:1px solid #6574a34a;border-radius:26px;background:#131c3be8;box-shadow:0 24px 70px #0005}.heading{display:flex;justify-content:space-between;gap:15px}.heading h2{margin:7px 0}.counter{color:#c6d0ec;white-space:nowrap}.progress{height:8px;border-radius:99px;background:#303c5c;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#6de3db,#9d7aff);transition:width .25s}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.tab{font-size:.88rem;padding:9px 13px}.tab.active{background:#50439b;border-color:#a896ff}.card{border:1px solid #7788ba4d;background:linear-gradient(140deg,#202a56,#17203f);padding:clamp(20px,4vw,34px);border-radius:20px;margin:15px 0}.card h3{margin:0 0 12px;font-size:1.4rem}.card p{line-height:1.65;color:#d5dcf3}.example{padding:12px 15px;margin:9px 0;border-radius:12px;background:#101a39;color:#e3e8fc}.muted{color:#aebcdb}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare>div{border-radius:13px;background:#101a39;padding:16px;line-height:1.6}.dialogue{padding:14px 16px;background:#111b3c;border-radius:13px;margin:9px 0}.dialogue strong{color:#82e8dd}.dialogue small{display:block;color:#aab8d7;margin-top:5px}.choices{display:grid;gap:10px;margin-top:20px}.choice{text-align:left}.choice.correct{background:#154c42;border-color:#6de1bc}.choice.incorrect{background:#593446;border-color:#ff9ca9}.feedback{padding:16px;border-radius:12px;background:#182d4b;margin-top:15px;line-height:1.6}.feedback strong{color:#88e5d9}.navigation{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.navigation button{min-width:130px}textarea{display:block;width:100%;min-height:110px;resize:vertical;background:#0e1835;color:#f6f8ff;border:1px solid #697aa8;border-radius:12px;padding:14px;margin-top:16px}.pill{display:inline-block;border:1px solid #536594;border-radius:999px;padding:6px 10px;color:#c9d5ef;font-size:.78rem;margin-bottom:12px}.summary{font-size:1.15rem;color:#89e6dd}footer{text-align:center;color:#8798bd;font-size:.82rem;margin-top:32px}@media(max-width:620px){.hero{padding-top:38px}.heading{flex-direction:column}.compare{grid-template-columns:1fr}.navigation button{min-width:0;flex:1}.tabs{gap:6px}.tab{flex:1 1 42%}}