:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#152f50;background:#f4f7fb;--navy:#11284d;--blue:#17456b;--teal:#137e77;--line:#dce5ef;--muted:#5b6d82;--gold:#e8a941}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.58}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #14cbb5;outline-offset:3px}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
header{background:#10244b;color:#fff;border-bottom:1px solid #ffffff2c} .topbar{max-width:1140px;margin:auto;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;font-weight:900;font-size:24px}.brand img{width:51px;height:51px;object-fit:contain}.brand small{display:block;font-size:10px;font-weight:700;color:#c4d5ea;letter-spacing:.12em}.toplinks{display:flex;flex-wrap:wrap;gap:7px}.toplinks a{font-size:12px;text-decoration:none;border:1px solid #ffffff44;padding:8px 11px;border-radius:10px;color:#ebf8ff}.toplinks a:hover{background:#ffffff22}
main{max-width:1140px;margin:auto;padding:24px 20px 65px}.hero{background:radial-gradient(circle at 91% 13%,#2eae9c6a,transparent 34%),linear-gradient(110deg,#102449,#163a66 70%,#116d72);border-radius:24px;color:white;padding:33px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(225px,1fr);gap:22px;align-items:center;box-shadow:0 16px 42px #14345213}.eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6ce1cd;font-size:11px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.13;letter-spacing:-.04em;margin:10px 0 12px}.hero p{color:#e2f2fc;max-width:590px;margin:0 0 19px}.hero-action{display:flex;flex-wrap:wrap;gap:9px}.btn,.cta{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:#fbca65;color:#192b48}.btn-outline{border-color:#ffffff77;color:white;background:#ffffff12}.heroaside{background:#ffffff14;border:1px solid #ffffff28;padding:20px;border-radius:18px}.heroaside strong{font-size:17px}.heroaside ul{padding-left:18px;margin:10px 0 0;color:#e7f6f8;font-size:13px}.heroaside li+li{margin-top:8px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:28px 0 14px;flex-wrap:wrap}.section-head h2{font-size:24px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.track-card{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 25px #10244408;padding:19px;display:flex;flex-direction:column;gap:8px;min-width:0}.track-icon{font-size:27px}.track-card h3{font-size:18px;margin:0}.track-card p{font-size:13px;color:var(--muted);margin:0;flex:1}.track-card button{margin-top:9px;background:#e8f8f4;color:#105950;border:1px solid #bde5de;border-radius:11px;padding:11px;font-size:13px;font-weight:850;cursor:pointer;text-align:left}.track-card button:hover{background:#c9f1e8}
.workspace{margin-top:24px;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #1024440a}.workhead{padding:18px 23px;background:#f4f9fc;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}.workhead h2{font-size:20px;margin:0}.workhead p{font-size:13px;margin:4px 0 0;color:var(--muted)}.filters{display:flex;align-items:center;gap:8px}.filters label{font-size:12px;font-weight:800}.filters select{border:1px solid #b9d1d4;padding:9px 12px;border-radius:9px;background:white;color:#132e4d}.workbody{padding:24px}.intro-note{background:#f5f8fd;border:1px dashed #b7c9dc;border-radius:13px;padding:18px;color:#465e73;font-size:14px}.statusbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#536f83;margin-bottom:13px;font-weight:800}.progress{height:8px;border-radius:8px;background:#eaf0f5;overflow:hidden;margin:0 0 20px}.progress>div{height:100%;background:#169c88;width:0;transition:width .2s}.passage{background:#f9fbfe;border-left:4px solid #19a88f;border-radius:9px;padding:17px 19px;margin:0 0 20px;max-width:900px}.passage h3{margin:0 0 3px;font-size:17px}.passage small{color:#63778b;font-weight:750}.passage p{font-size:14px;color:#263d57;margin:12px 0 0;white-space:pre-line;line-height:1.7}.question{font-size:20px;font-weight:850;line-height:1.4;margin:6px 0 16px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.answer{background:white;text-align:left;min-height:61px;border:2px solid #d8e4ed;padding:14px 15px;border-radius:12px;cursor:pointer;color:#1e3655;font-weight:650}.answer:hover:not(:disabled){border-color:#299f9a;background:#effbf7}.answer:disabled{cursor:default}.answer.chosen{border-color:#1a7eae;background:#eff7ff}.answer.correct{border-color:#16846d;background:#e9faf3}.answer.wrong{border-color:#bc6464;background:#fff2f2}.feedback{margin-top:17px;border:1px solid #ccded7;background:#effaf5;padding:15px;border-radius:12px;font-size:14px}.feedback strong{font-size:15px}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.action-main{background:#143d65;color:white}.action-soft{background:#eff6f7;color:#143d65;border:1px solid #cbdddf}.result{padding:28px 18px;text-align:center}.result .big{font-size:47px;font-weight:900;color:#14786b;line-height:1.2}.result h3{margin:8px 0}.result p{color:#536d82;max-width:620px;margin:9px auto 20px}.result .quiz-actions{justify-content:center}
.writinglayout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.writingoptions{display:flex;flex-direction:column;gap:9px}.writingoptions button{border:1px solid #d2dfeb;padding:11px;text-align:left;cursor:pointer;background:#fff;border-radius:10px;font-weight:750;color:#1d3956}.writingoptions button.active{background:#dff9f1;border-color:#20a98d}.writingprompt h3{margin:0 0 7px}.writingprompt p{font-size:14px;color:#435a73}.writingprompt ul{font-size:13px;padding-left:19px}.writingprompt textarea{width:100%;border:1px solid #bed0dc;border-radius:12px;min-height:205px;padding:15px;resize:vertical;color:#1c3650;background:#fff}.rubric{margin-top:15px;background:#f6f9fd;border-radius:12px;border:1px solid #dde7ee;padding:14px;font-size:13px}.rubric h4{margin:0 0 8px}.rubric ul{padding-left:18px;margin:0}.rubric li+li{margin-top:5px}.tiny{font-size:12px;color:#62758b}.notice{margin-top:20px;border-radius:13px;background:#f2f9f8;border:1px solid #d2e9df;padding:17px;color:#35586a;font-size:13px}.notice a{font-weight:800}footer{background:#10244b;color:#cbdde8;padding:21px;text-align:center;font-size:12px}footer a{color:#dcfffa}.hidden{display:none!important}
@media(max-width:850px){.hero{grid-template-columns:1fr}.tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.writinglayout{grid-template-columns:1fr}.writingoptions{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){main{padding:14px 12px 40px}.hero{padding:24px 20px;border-radius:18px}.hero h1{font-size:32px}.heroaside{padding:15px}.tracks{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.workbody{padding:16px}.workhead{padding:17px}.question{font-size:18px}.writingoptions{grid-template-columns:1fr}.topbar{padding:11px 14px}.brand{font-size:20px}.brand img{width:41px;height:41px}.toplinks a{font-size:11px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}