:root{--green-900:#1c3a23;--green-700:#2f5233;--green-600:#3a6b3f;--green-500:#4f8556;--green-100:#e3efe4;--bark:#5a4632;--sand:#f6f7f4;--ink:#1a1f1c;--muted:#6b746c;--line:#e0e4dd;--danger:#b3261e;--gold:#c9a227;--radius:12px;--shadow:0 1px 3px #0000000f, 0 8px 24px #1c3a230d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sand);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--green-900);line-height:1.2}.container{max-width:1040px;margin:0 auto;padding:0 20px}.narrow{max-width:620px}.btn{cursor:pointer;background:var(--green-700);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--green-600);text-decoration:none}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--green-700);border-color:var(--line);background:#fff}.btn.secondary:hover{background:var(--green-100)}.btn.ghost{color:var(--green-700);background:0 0}.btn.lg{padding:14px 26px;font-size:17px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:22px}label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input[type=email],input[type=password],input[type=text],select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;margin-bottom:16px;padding:11px 12px;font-size:15px}input:focus,select:focus{outline:2px solid var(--green-500);border-color:var(--green-500)}.nav{border-bottom:1px solid var(--line);background:#fff}.nav .inner{justify-content:space-between;align-items:center;height:60px;display:flex}.nav .brand{color:var(--green-800);align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.nav .links{align-items:center;gap:4px;display:flex}.nav .links a{color:var(--ink);border-radius:8px;padding:8px 12px;font-size:15px;font-weight:500}.nav .links a:hover{background:var(--green-100);text-decoration:none}.nav .links a.active{color:var(--green-700);font-weight:700}.row{gap:16px;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{align-items:center}.grid{gap:16px;display:grid}.muted{color:var(--muted)}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.pill.free{color:var(--muted);background:#eef1ec}.pill.pro{background:var(--green-100);color:var(--green-700)}.tag{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.err{color:var(--danger);background:#fdecea;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:14px}.ok{background:var(--green-100);color:var(--green-700);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:14px}.bar{background:#eef1ec;border-radius:999px;height:10px;overflow:hidden}.bar>span{background:var(--green-500);border-radius:999px;height:100%;display:block}.bar.gold>span{background:var(--gold)}.option{text-align:left;border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:100%;margin-bottom:10px;padding:14px 16px;font-size:15px;transition:all .12s;display:block}.option:hover{border-color:var(--green-500);background:var(--green-100)}.option.selected{border-color:var(--green-600);background:var(--green-100)}.option.correct{border-color:var(--green-600);background:#e6f4e8}.option.wrong{border-color:var(--danger);background:#fdecea}.option:disabled{cursor:default}.flashcard{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:220px;padding:32px;font-size:22px;display:flex}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding:32px 0;font-size:14px}@media (max-width:640px){.nav .links a{padding:8px;font-size:14px}.row{flex-direction:column}}