:root{--bg:#f6f8fb;--card:#fff;--text:#102033;--muted:#5d6b7a;--primary:#13315c;--primary2:#0b6bcb;--good:#0f7b45;--bad:#b42318;--border:#dde6f0;--soft:#eaf2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:var(--primary2);text-decoration:none}.container{width:min(1120px,92%);margin:auto}.hero{background:linear-gradient(135deg,#13315c,#0b6bcb);color:#fff;padding:54px 0}.hero-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:24px;align-items:center}.eyebrow{font-weight:700;opacity:.85}.lead{font-size:1.12rem;max-width:760px}.hero h1{font-size:3rem;margin:.1rem 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.site-nav{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}.nav-scroll{display:flex;gap:8px;overflow:auto;padding:12px 0}.btn,.site-nav button{border:0;border-radius:14px;background:var(--primary);color:#fff;padding:10px 16px;cursor:pointer;font-weight:700}.site-nav button{background:#eef4fb;color:var(--primary);white-space:nowrap}.site-nav button.active,.site-nav button:hover{background:var(--primary);color:#fff}.btn.ghost{background:#fff;color:var(--primary)}.btn.tiny{padding:6px 10px;border-radius:10px;font-size:.85rem}.main{padding:26px 0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 8px 22px rgba(16,32,51,.05)}.dashboard-card{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3);backdrop-filter:blur(8px)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stats div,.stat{text-align:center;background:var(--soft);border-radius:18px;padding:12px;color:var(--primary)}.dashboard-card .mini-stats div{background:hsla(0,0%,100%,.18);color:#fff}.mini-stats strong,.stat strong{display:block;font-size:1.7rem}.feature h2{margin-top:0}.input,select{width:100%;border:1px solid var(--border);border-radius:14px;padding:11px 13px;margin:6px 0;background:#fff}.small-input{width:92px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.controls label{font-weight:700}.word-title{font-size:1.7rem;font-weight:800;color:var(--primary)}.en,.word-title{direction:ltr;text-align:left}.en{font-family:Arial,sans-serif}.small{color:var(--muted);font-size:.92rem}.badge{display:inline-block;background:var(--soft);color:var(--primary);border-radius:999px;padding:4px 10px;margin:3px;font-size:.84rem;font-weight:700}.mini-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 0;gap:12px}.quiz-option{display:block;width:100%;text-align:right;border:1px solid var(--border);background:#f9fbfe;border-radius:14px;padding:10px;margin:8px 0;cursor:pointer}.quiz-option.selected{border-color:var(--primary2);background:#eaf4ff}.quiz-box{border-bottom:1px solid var(--border);padding:12px 0}.result-panel{background:#f2fff7;border:1px solid #b7ebc9;border-radius:18px;padding:16px;margin-top:16px}.result-ok{color:var(--good);font-weight:800}.result-bad{color:var(--bad);font-weight:800}.page-link{font-weight:800;color:var(--primary)}.footer{padding:24px 0;background:#fff;border-top:1px solid var(--border);color:var(--muted);margin-top:30px}@media(max-width:820px){.grid-2,.grid-3,.hero-grid{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.controls{display:grid}.small-input{width:100%}}