:root{--navy:#071F3D;--royal:#1558B0;--royal2:#0F66C2;--sky:#EAF4FF;--cream:#FCFAF4;--gold:#C6A45E;--teal:#1AA79A;--ink:#12243A;--muted:#62758A;--line:#DCE7F1;--ok:#EAF7F2;--warn:#FFF7E8;--bad:#FDEEEF}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}.wrap{width:min(1040px,calc(100% - 28px));margin:auto}.top{background:var(--navy);color:white;padding:18px 0;border-bottom:3px solid var(--gold)}.brand{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand b{font-family:Georgia,serif;font-size:1.1rem;letter-spacing:.05em}.brand small{display:block;color:#d9e4ee}.back{font-size:.82rem;color:#e7d39f}.hero{background:linear-gradient(135deg,var(--royal),#247dca);color:#fff;padding:46px 0}.hero h1{font-family:Georgia,serif;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;margin:0 0 12px}.hero p{max-width:760px;color:#e8f2fb}.shell{padding:34px 0 70px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(17,78,140,.10);padding:24px}.progress{height:6px;background:#edf2f6;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--royal),var(--teal));width:10%;transition:.25s}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-size:.68rem;font-weight:700}.step{display:none;min-height:340px;padding:26px 0}.step.active{display:block}.step h2,.result h2{font-family:Georgia,serif;font-size:2rem;margin:8px 0 18px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options label{cursor:pointer}.options input{position:absolute;opacity:0}.options span{display:block;border:1px solid var(--line);border-radius:13px;padding:15px;background:#fbfdff}.options input:checked+span{border-color:var(--royal);background:var(--sky);color:var(--royal)}.field{margin:10px 0}.field label{display:block;font-size:.75rem;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;padding:13px;border:1px solid #cad9e5;border-radius:11px}.navrow{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px}.btn{border:0;border-radius:11px;padding:12px 16px;font-weight:700;cursor:pointer}.btn.primary{background:var(--royal);color:#fff}.btn.secondary{background:#fff;border:1px solid #b8cbe0;color:var(--royal)}.result{display:none}.result.open{display:block}.result-card{border:1px solid var(--line);border-radius:15px;padding:16px;margin:10px 0;background:#fff}.result-card.strong{background:var(--ok)}.result-card.medium{background:var(--warn)}.result-card h3{margin:3px 0 5px}.pill{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--royal)}.cta{margin-top:18px;background:var(--navy);color:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.cta h3{font-family:Georgia,serif;font-size:1.5rem;margin:0 0 6px}.cta p{color:#c8d5e0;font-size:.82rem}.cta .btn{background:white;color:var(--royal)}.quiz-meta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.badge{padding:7px 10px;border-radius:999px;background:var(--sky);font-size:.72rem}.question{font-family:Georgia,serif;font-size:1.55rem;margin:14px 0}.answer-grid{display:grid;gap:9px}.answer{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;text-align:left;cursor:pointer}.answer.selected{border-color:var(--royal);background:var(--sky)}.answer.correct{border-color:#4b9d7f;background:var(--ok)}.answer.wrong{border-color:#cc6e75;background:var(--bad)}.feedback{margin-top:12px;padding:12px;border-radius:12px;background:#f7fafc;font-size:.82rem}.hidden{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--sky);border-radius:14px;padding:15px}.stat b{display:block;font-size:1.3rem}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode{border:1px solid var(--line);border-radius:15px;padding:18px;cursor:pointer;background:#fff}.mode:hover{border-color:#9abde0}.mode h3{margin:7px 0}.timer{font-weight:700;color:var(--royal)}.official{margin-top:18px;background:var(--cream);border-left:4px solid var(--gold);padding:14px;font-size:.78rem}.footer{padding:24px 0;background:#06172B;color:#9fb0c0;font-size:.72rem}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.app-card h2{font-family:Georgia,serif}.app-card a{display:inline-block;margin-top:12px;color:var(--royal);font-weight:700}
@media(max-width:720px){.options,.mode-grid,.app-grid,.stats{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.hero{padding:34px 0}.card{padding:17px}.step{min-height:380px}.question{font-size:1.35rem}}
:root{--navy:#071428!important;--blue:#0B2D6B!important;--gold:#F5A623!important;--teal:#00B4A6!important;--cream:#F6F2EC!important}.app-top,.app-header{background:#071428!important;border-bottom-color:#F5A623!important}.btn-primary,.primary{background:#0B2D6B!important}.progress-fill{background:#00B4A6!important}