@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Lexend:wght@600;700;800&display=swap";*{box-sizing:border-box}:root{--navy:#1c3a5e;--navy-deep:#122841;--coral:#e15b4f;--coral-deep:#c2453b;--cream:#faf6ee;--cream-deep:#f0e8d8;--gold:#d69e2e;--green:#2f9e5b;--ink:#1a2430;--ink-soft:#4a5b6b;--line:#e2d9c4;--sans: "Inter", system-ui, -apple-system, sans-serif;--display: "Lexend", "Inter", system-ui, sans-serif}html{font-size:20px}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--cream);font-family:var(--sans);color:var(--ink)}.wrap{max-width:820px;margin:0 auto;padding:0 18px 70px}header.top{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;margin:0 -18px 26px;padding:28px 22px 24px;border-radius:0 0 22px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 6px 20px #12284140}header.top .hero-svg{flex-shrink:0;width:74px;height:74px}header.top h1{font-family:var(--display);font-size:1.5rem;margin:0;line-height:1.25;font-weight:700}header.top .sub{font-size:.95rem;color:#c9d8e8;letter-spacing:.3px;margin-top:6px;font-weight:500}nav.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}@media (min-width:520px){nav.tabs{grid-template-columns:repeat(4,1fr)}}nav.tabs button{font-family:var(--display);font-size:1rem;font-weight:600;background:#fff;border:2px solid var(--line);color:var(--ink-soft);padding:16px 8px;cursor:pointer;border-radius:14px;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:6px}nav.tabs button svg{width:26px;height:26px}nav.tabs button.active{background:var(--coral);color:#fff;border-color:var(--coral-deep);box-shadow:0 4px 10px #e15b4f4d}nav.tabs button:hover:not(.active){background:var(--cream-deep);border-color:var(--gold)}section.panel{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}h2.section-title{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--navy);padding-bottom:10px;margin:0 0 14px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:18px;box-shadow:0 2px 10px #1c3a5e0f}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button.btn{font-family:var(--display);font-size:1rem;font-weight:600;background:var(--navy);color:#fff;border:none;padding:15px 22px;border-radius:12px;cursor:pointer;line-height:1.2}button.btn:hover{background:var(--navy-deep)}button.btn.gold{background:var(--coral)}button.btn.gold:hover{background:var(--coral-deep)}button.btn.outline{background:#fff;border:2px solid var(--navy);color:var(--navy);padding:13px 20px}button.btn.outline:hover{background:var(--cream-deep)}button.btn:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=email],input[type=password],textarea{font-family:var(--sans);font-size:1.15rem;padding:14px;border:2px solid var(--line);border-radius:12px;width:100%;background:#fffef9}input:focus,textarea:focus{outline:3px solid var(--gold);border-color:var(--gold)}.stat-strip{display:flex;gap:10px;font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:16px;flex-wrap:wrap}.stat-strip span{background:var(--cream-deep);padding:8px 14px;border-radius:10px;border:1px solid var(--line)}.qnum{font-family:var(--display);color:var(--coral-deep);font-size:.95rem;font-weight:700;letter-spacing:.3px}.question{font-size:1.4rem;margin:12px 0 18px;line-height:1.45;font-weight:600;color:var(--ink)}.feedback{padding:16px 18px;border-radius:14px;margin-top:14px;font-size:1.1rem;line-height:1.45}.feedback.ok{background:#e2f5e9;border:2px solid var(--green);color:#1c5c37}.feedback.no{background:#fce8e6;border:2px solid var(--coral);color:var(--coral-deep)}.progress-bar{height:10px;background:var(--cream-deep);border-radius:8px;overflow:hidden;margin-bottom:16px}.progress-bar .fill{height:100%;background:var(--gold);transition:width .3s}.stamp{text-align:center;padding:30px 10px}.stamp .badge{display:inline-block;border:5px solid var(--coral);border-radius:50%;width:160px;height:160px;line-height:1.3;padding-top:44px;color:var(--coral-deep);font-family:var(--display);font-weight:800;text-transform:uppercase;transform:rotate(-6deg);font-size:1.1rem}.stamp .badge.fail{border-color:var(--ink-soft);color:var(--ink-soft)}.stamp p{font-size:1.1rem;line-height:1.5}.flash{text-align:center;padding:36px 16px;min-height:160px;display:flex;flex-direction:column;justify-content:center}.flash .q{font-size:1.55rem;margin-bottom:18px;font-weight:600;line-height:1.4}.flash .a{color:var(--navy);font-size:1.2rem;display:none;font-weight:500}.flash .a.show{display:block}.small{font-size:.95rem;color:var(--ink-soft)}.note{background:#fff4de;border:2px solid var(--gold);padding:14px 18px;font-size:1.02rem;line-height:1.5;border-radius:14px;margin-bottom:16px;color:#6b4d0f}.sentence-box{font-size:1.75rem;text-align:center;padding:26px 10px;line-height:1.5;font-weight:600;color:var(--navy)}.diff-ok{background:#c9eed3;padding:2px 4px;border-radius:4px}.diff-no{background:#f6cac5;padding:2px 4px;border-radius:4px;text-decoration:line-through}footer.tip{margin-top:34px;font-size:.95rem;color:var(--ink-soft);text-align:center;border-top:2px solid var(--line);padding-top:18px;line-height:1.5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);padding:20px}.login-card{background:#fff;border-radius:22px;padding:40px 36px;max-width:420px;width:100%;box-shadow:0 20px 50px #0000004d;text-align:center}.login-card h1{font-family:var(--display);font-size:1.5rem;margin:20px 0 4px;color:var(--navy)}.login-sub{color:var(--ink-soft);margin-bottom:24px;font-size:1rem}.login-card form{display:flex;flex-direction:column;gap:6px;text-align:left}.login-card label{font-weight:600;font-size:.95rem;color:var(--navy);margin-top:10px}.login-card button{margin-top:18px;width:100%}.login-error{background:#fce8e6;border:2px solid var(--coral);color:var(--coral-deep);padding:10px 14px;border-radius:10px;margin-top:10px;font-size:.95rem}