.ast-practice-app{--ast-navy:#12355b;--ast-blue:#1e5b8f;--ast-teal:#0f8b8d;--ast-ink:#17212b;--ast-line:#dce5ec;--ast-good:#177245;--ast-bad:#b42318;font-family:Arial,Helvetica,sans-serif;color:var(--ast-ink);max-width:1120px;margin:0 auto;padding:18px 0 48px}
.ast-practice-app *{box-sizing:border-box}.ast-practice-app .ast-hero{background:linear-gradient(135deg,var(--ast-navy),var(--ast-blue));color:#fff;border-radius:18px;padding:34px;box-shadow:0 16px 40px rgba(18,53,91,.18);margin-bottom:26px}.ast-practice-app .ast-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d8edf5;margin-bottom:8px}.ast-practice-app .ast-hero h1{color:#fff;font-size:clamp(32px,5vw,50px);line-height:1.08;margin:0 0 12px}.ast-practice-app .ast-hero p{font-size:17px;line-height:1.65;max-width:800px;margin:0 0 24px;color:#edf6fb}.ast-practice-app .ast-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:16px;align-items:end}.ast-practice-app .ast-meta label,.ast-practice-app .ast-progress-box{font-size:14px;font-weight:700}.ast-practice-app .ast-meta input{display:block;width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.5);border-radius:9px;padding:12px 14px;font-size:16px;background:#fff;color:var(--ast-ink)}.ast-practice-app .ast-progress-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:10px;padding:12px 16px}.ast-practice-app .ast-progress-box span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#d8edf5;margin-bottom:4px}.ast-practice-app .ast-progress-box strong{font-size:17px;color:#fff}.ast-practice-app .ast-questions{display:grid;gap:18px}.ast-practice-app .ast-question{background:#fff;border:1px solid var(--ast-line);border-radius:14px;padding:24px;box-shadow:0 5px 18px rgba(18,53,91,.07);scroll-margin-top:24px}.ast-practice-app .ast-question.is-correct{border-color:#7cc79f;background:#f4fbf7}.ast-practice-app .ast-question.is-incorrect{border-color:#f0a7a1;background:#fff7f6}.ast-practice-app .ast-qhead{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}.ast-practice-app .ast-qnum{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ast-navy);color:#fff;font-weight:700}.ast-practice-app .ast-qtext{font-size:18px;line-height:1.55;font-weight:700;padding-top:3px}.ast-practice-app .ast-figure{margin:10px 0 20px;text-align:center}.ast-practice-app .ast-figure img{max-width:100%;height:auto;border:1px solid var(--ast-line);background:#fff;padding:8px;border-radius:8px}.ast-practice-app .ast-options{display:grid;gap:10px;margin:0;padding:0;border:0}.ast-practice-app .ast-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--ast-line);border-radius:10px;padding:12px 14px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s,transform .15s}.ast-practice-app .ast-option:hover{border-color:#8fb3cf;background:#f8fbfd;transform:translateY(-1px)}.ast-practice-app .ast-option input{margin-top:3px;accent-color:var(--ast-teal);width:18px;height:18px;flex:0 0 auto}.ast-practice-app .ast-letter{font-weight:700;color:var(--ast-navy);min-width:20px}.ast-practice-app .ast-feedback{display:none;margin-top:15px;border-radius:8px;padding:11px 13px;font-weight:700;line-height:1.45}.is-correct .ast-practice-app .ast-feedback,.is-incorrect .ast-practice-app .ast-feedback{display:block}.is-correct .ast-practice-app .ast-feedback{background:#dff4e8;color:var(--ast-good)}.is-incorrect .ast-practice-app .ast-feedback{background:#fee4e2;color:var(--ast-bad)}.ast-practice-app .ast-actions{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--ast-line);border-radius:14px;padding:15px;margin-top:24px;box-shadow:0 8px 30px rgba(18,53,91,.15)}.ast-practice-app .ast-btn{appearance:none;border:0;border-radius:9px;padding:13px 22px;font-size:16px;font-weight:700;cursor:pointer}.ast-practice-app .ast-btn-primary{background:var(--ast-teal);color:#fff}.ast-practice-app .ast-btn-primary:hover{background:#0b7274}.ast-practice-app .ast-btn-secondary{background:#e8eef3;color:var(--ast-navy)}.ast-practice-app .ast-btn-secondary:hover{background:#dce6ed}.ast-practice-app .ast-result{border-radius:14px;padding:22px 24px;margin:0 0 24px;background:#eef7fb;border:1px solid #a8cfe0;color:var(--ast-navy);box-shadow:0 5px 18px rgba(18,53,91,.08)}.ast-practice-app .ast-result h2{margin:0 0 8px;color:var(--ast-navy);font-size:28px}.ast-practice-app .ast-result p{margin:4px 0;line-height:1.55}.ast-practice-app .astpe-error{padding:15px;border:1px solid #f0a7a1;background:#fff7f6;color:var(--ast-bad)}
@media(max-width:700px){.ast-practice-app .ast-hero{padding:25px 20px;border-radius:12px}.ast-practice-app .ast-meta{grid-template-columns:1fr}.ast-practice-app .ast-question{padding:19px 15px}.ast-practice-app .ast-qtext{font-size:16px}.ast-practice-app .ast-option{padding:11px}.ast-practice-app .ast-actions{bottom:7px}.ast-practice-app .ast-btn{flex:1 1 150px}}@media print{.ast-practice-app .ast-actions{display:none}.ast-practice-app .ast-hero{background:#fff!important;color:#000!important;box-shadow:none;border:1px solid #bbb}.ast-practice-app .ast-hero h1,.ast-practice-app .ast-hero p,.ast-practice-app .ast-kicker{color:#000!important}.ast-practice-app .ast-question{break-inside:avoid;box-shadow:none}}