:root{font-family:Inter,system-ui,sans-serif;color:#182230;background:#f7f8fc}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.button{cursor:pointer}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px max(18px,calc((100% - 1080px)/2));background:#ffffffef;border-bottom:1px solid #e6e8ef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{border:0;background:none;font-size:19px;color:#252a3b}.button{display:inline-block;border:0;border-radius:11px;padding:10px 14px;margin-left:7px;font-weight:700}.primary{background:#4f46e5;color:#fff}.secondary{background:#fff;border:1px solid #d9dde7;color:#30384a}.shell{max-width:1080px;margin:auto;padding:30px 18px 80px}.notice{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:14px;padding:14px;margin-bottom:20px}.hero{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:34px;border-radius:28px;box-shadow:0 16px 36px #4f46e52c}.hero small{font-weight:800;letter-spacing:.12em;color:#ddd6fe}.hero h1{font-size:clamp(30px,4.6vw,44px);line-height:1.15;margin:9px 0;white-space:nowrap}.hero p{color:#e0e7ff}.subject{margin-top:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card,.topicHead,.exercise{background:#fff;border:1px solid #e4e7ec;border-radius:22px;box-shadow:0 5px 18px #1018280b}.card{text-align:left;padding:22px;transition:.2s;color:#182230}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #10182817}.card>span{font-size:28px}.card h3{margin:14px 0 6px}.card p,.topicHead p{color:#667085;line-height:1.45}.card small,.topicHead small{color:#4f46e5;font-weight:800}.back{border:0;background:none;color:#4f46e5;font-weight:750;margin-bottom:16px}.topicHead{padding:25px;margin-bottom:16px}.topicHead h1{font-size:34px;margin:6px 0}.list{display:grid;gap:15px}.exercise{padding:22px}.exercise h3{display:flex;gap:11px;align-items:flex-start}.exercise h3>b{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:#182230;color:#fff}.choices{display:grid;gap:8px}.choices label{padding:12px;border:1px solid #dce0e8;border-radius:13px}.choices label.chosen{background:#eef2ff;border-color:#6366f1}.choices input{margin-right:9px}.tf{display:flex;gap:9px}.tf button{border:1px solid #dce0e8;background:#fff;border-radius:11px;padding:10px 18px}.tf button.active{background:#4f46e5;color:#fff}.open{width:100%;padding:12px;border:1px solid #dce0e8;border-radius:12px}.feedback{margin-top:14px;padding:13px;border-radius:12px}.feedback.yes{background:#ecfdf3;color:#067647}.feedback.no{background:#fff1f3;color:#c01048}.feedback p{margin:7px 0 0}.score{position:sticky;bottom:12px;margin-top:18px;padding:14px 17px;background:#ffffffef;border:1px solid #dce0e8;border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #10182822;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score b{font-size:24px}.score>div{display:flex;gap:5px}footer{text-align:center;color:#98a2b3;padding:22px}@media (max-width: 900px){.hero h1{white-space:normal;font-size:38px}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){header{align-items:flex-start}.button{font-size:12px;padding:9px}.grid{grid-template-columns:1fr}.hero{padding:25px}.hero h1{white-space:normal;font-size:30px;line-height:1.15}.score{align-items:flex-start;flex-direction:column;gap:10px}.score>div{width:100%}.score .button{flex:1;margin:0}}