:root{--bg:#f4f7fb;--surface:#fff;--ink:#172033;--muted:#667085;--line:#e5eaf1;--blue:#315efb;--soft:#edf2ff;--good:#159568;--bad:#dc4c64;--shadow:0 18px 55px rgba(25,42,70,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans Devanagari",sans-serif;line-height:1.55}body.dark{--bg:#0c1220;--surface:#151e30;--ink:#edf2ff;--muted:#a3afc3;--line:#29364c;--soft:#202d4b;--shadow:0 18px 55px rgba(0,0,0,.2)}
.topbar{height:76px;padding:0 max(5vw,20px);display:flex;align-items:center;gap:28px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);margin-right:auto}.brand-mark{background:#172d64;color:white;border-radius:13px;padding:10px 9px;font-weight:900;font-size:17px;letter-spacing:-1px}.brand b,.brand small{display:block}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:24px}nav a,footer a{font-size:13px;color:var(--muted);text-decoration:none}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:9px 12px;font-size:18px}
main{max-width:1120px;margin:auto;padding:0 22px}.hero{padding:76px 0 62px;max-width:760px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--blue)}h1{font-size:clamp(38px,6vw,66px);line-height:1.07;letter-spacing:-2.7px;margin:15px 0}h1 span{color:var(--blue)}.hero p{max-width:580px;color:var(--muted);font-size:17px}.primary-link,.primary-btn{display:inline-flex;align-items:center;gap:20px;background:var(--blue);color:#fff;border:0;border-radius:11px;padding:13px 19px;text-decoration:none;font-weight:700;cursor:pointer}.primary-link{margin-top:14px}.hero-stats{display:flex;gap:40px;margin-top:43px}.hero-stats b,.hero-stats small{display:block}.hero-stats small{font-size:11px;color:var(--muted)}
.test-section{padding:30px 0 55px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}h2{font-size:30px;letter-spacing:-1px;margin:4px 0}.free-pill{background:#e4f7ef;color:#08794f;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:700}.test-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:var(--shadow)}.controls{display:flex;gap:13px;align-items:end;flex-wrap:wrap}.control-group{display:grid;gap:5px;min-width:125px}.control-group label,.typing-label{font-size:11px;color:var(--muted);font-weight:700}select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit;font-size:13px}.secondary-btn{background:var(--soft);color:var(--blue);border:0;border-radius:9px;padding:11px 14px;font-weight:700;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}.metric{background:var(--bg);border:1px solid var(--line);padding:13px 15px;border-radius:12px}.metric small,.metric strong{display:block}.metric small{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:1px}.metric strong{font-size:25px;margin-top:3px;font-variant-numeric:tabular-nums}.passage-wrap{border:1px solid var(--line);border-radius:13px;overflow:hidden}.passage-label{display:flex;justify-content:space-between;padding:10px 14px;background:var(--bg);font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:800}.passage{padding:20px;min-height:130px;font-size:17px;line-height:2;letter-spacing:.1px;white-space:pre-wrap;overflow-wrap:anywhere}.passage .correct{color:var(--good)}.passage .incorrect{color:var(--bad);background:rgba(220,76,100,.12);border-radius:3px}.passage .current{border-left:2px solid var(--blue);margin-left:-2px}.typing-label{display:block;margin:17px 0 7px}textarea{width:100%;min-height:125px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--bg);color:var(--ink);font:16px/1.8 inherit;outline:none}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,94,251,.1)}.test-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.test-actions span{font-size:11px;color:var(--muted)}.test-actions div{display:flex;gap:8px}.primary-btn{padding:11px 16px}.result{margin-top:18px;padding:17px;border-radius:12px;background:var(--soft);color:var(--ink)}.hidden{display:none}.ad-slot{margin:18px auto 0;min-height:85px;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:3px}.ad-slot span{font-size:9px;letter-spacing:1.5px}.ad-slot small{font-size:10px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:25px 0 65px}.info-grid article{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:22px}.info-icon{color:var(--blue);font-size:25px}.info-grid h3{font-size:16px}.info-grid p,.about p{font-size:13px;color:var(--muted)}.about{padding:30px 0 65px;max-width:650px}.about h2{font-size:32px}footer{padding:24px 5vw;background:var(--surface);border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;font-size:12px}footer span{color:var(--muted)}footer div{margin-left:auto;display:flex;gap:18px}
@media(max-width:700px){.topbar{height:65px;padding:0 15px}nav{display:none}.hero{padding:55px 0 42px}.hero-stats{gap:22px}.test-card{padding:14px}.section-heading{align-items:start;gap:10px;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:22px}.info-grid{grid-template-columns:1fr;padding-bottom:40px}.test-actions{align-items:flex-start;flex-direction:column}.test-actions div{width:100%}.test-actions button{flex:1}footer{flex-wrap:wrap}footer div{margin-left:0;width:100%}}