*{box-sizing:border-box}body{margin:0;background:#f3f6f4;color:#163c37;font-family:system-ui,-apple-system,Arial,sans-serif}header{background:#102d37;color:white;padding:18px max(20px,calc((100% - 990px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}header a{color:white;text-decoration:none;font-weight:700}header nav{display:flex;gap:20px;font-size:14px}main{max-width:990px;margin:auto;padding:20px 20px 70px}.hero{background:linear-gradient(120deg,#123b37,#173746);border-radius:18px;color:white;padding:28px}.hero small{letter-spacing:.13em;color:#d5e8e2;font-weight:800}.hero h1{font-size:clamp(27px,4vw,40px);margin:10px 0}.hero p{opacity:.9}.note{background:#ffffff17;border:1px solid #ffffff42;border-radius:10px;padding:12px;margin-top:16px;line-height:1.5;font-size:13px}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.status>div{background:white;border-radius:12px;padding:14px;border:1px solid #e2e9e5}.status b{display:block;font-size:25px}.status small{font-size:12px;color:#637771}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs button{border:1px solid #cdded7;border-radius:10px;padding:11px 15px;background:#fff;color:#17463f;font-weight:650;cursor:pointer}.tabs button.active{background:#123d35;color:white}.exercise{background:white;border-radius:16px;box-shadow:0 4px 20px #143c3510;padding:26px;min-height:330px}.exercise h2{margin-top:0}.quiet{color:#5f736e}.card{background:#edf5ef;border-radius:14px;padding:36px;text-align:center;cursor:pointer;min-height:155px}.card b{font-size:27px}.button{display:inline-block;border:0;border-radius:10px;padding:11px 18px;background:#143e35;color:white;font-weight:700;cursor:pointer;margin:8px 8px 0 0}.button:disabled{background:#9caeaa}.secondary{background:#eaf1ed;color:#164039}.answer{width:100%;padding:12px;border-radius:10px;border:1px solid #9db5aa;font:inherit;max-width:640px}.feedback{margin-top:15px;background:#e9f6eb;padding:14px;border-left:4px solid #238449;border-radius:7px}.feedback.bad{background:#fff1e9;border-color:#d8753a}.reading{background:#f6f7f4;border-left:4px solid #3d8674;padding:20px;line-height:1.85;font-size:17px;border-radius:7px}.option{display:block;width:100%;text-align:left;background:#f4f8f5;border:1px solid #dae6de;margin:8px 0;border-radius:10px;padding:14px;cursor:pointer;color:#163c37;font:inherit}.option:hover{background:#e9f5ed}.writing{width:100%;min-height:150px;border:1px solid #b3cabc;border-radius:10px;padding:15px;font:inherit;line-height:1.7}footer{color:#667872;font-size:12px;line-height:1.5;padding-top:30px}@media(max-width:550px){header{flex-direction:column;align-items:flex-start}.status>div{padding:8px}.status b{font-size:20px}.tabs button{flex:1}.exercise{padding:17px}}