:root{--bg:#f6f7fb;--card:#fff;--text:#16181d;--muted:#6b7280;--line:#e5e7eb;--accent:#2457d6;--accent2:#eef3ff;--good:#14804a;--bad:#c63c3c;--warn:#a66b00;--shadow:0 10px 30px rgba(20,28,50,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;gap:28px;position:sticky;top:0;z-index:10}.brand{font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px;margin-right:auto}.brand-mark{width:30px;height:30px;border-radius:8px;background:#111;color:#fff;display:grid;place-items:center}.muted{color:var(--muted);font-weight:600}.top-stat{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.top-stat strong{font-size:16px}.top-stat span{font-size:11px;color:var(--muted)}.container{max-width:1180px;margin:auto;padding:48px 22px 70px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:38px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin:0 0 10px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:.98;margin:0;letter-spacing:-.05em}.hero h1 span{color:var(--accent)}.hero-copy{max-width:680px;color:var(--muted);font-size:16px;line-height:1.6}.hero-card{background:#111;color:#fff;border-radius:20px;padding:28px;min-width:190px;box-shadow:var(--shadow)}.hero-number{font-size:48px;font-weight:800}.toolbar{display:grid;grid-template-columns:1fr 210px 190px;gap:12px;margin-bottom:20px}.toolbar input,.toolbar select{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px;outline:none}.toolbar input:focus,.toolbar select:focus{border-color:var(--accent)}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.test-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 4px 15px rgba(20,28,50,.03);transition:.18s}.test-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.test-card h3{margin:0 0 10px;font-size:17px;line-height:1.35}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--accent2);color:var(--accent);font-size:11px;font-weight:700}.test-info{color:var(--muted);font-size:13px;margin:12px 0 17px}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.ghost{background:transparent;color:var(--accent)}.submit{background:#111;color:#fff;width:100%}footer{border-top:1px solid var(--line);padding:25px;text-align:center;color:var(--muted);font-size:12px}.empty{text-align:center;padding:60px;color:var(--muted)}.hidden{display:none!important}.exam-page{background:#f3f5f9}.exambar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:20px;position:sticky;top:0;z-index:10}.back{text-decoration:none;color:var(--muted);font-weight:700}.exam-title{display:flex;flex-direction:column;gap:3px;flex:1}.exam-title span{font-size:12px;color:var(--muted)}.timer{font-variant-numeric:tabular-nums;font-weight:850;background:#111;color:#fff;padding:10px 14px;border-radius:10px}.exam-layout{max-width:1300px;margin:25px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.question-panel,.palette{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:var(--shadow)}.q-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:20px}.question{font-size:21px;line-height:1.55;font-weight:700;white-space:pre-wrap}.question-hindi{margin-top:14px;padding:13px;background:#fafafa;border-radius:10px;line-height:1.6}.options{display:grid;gap:12px;margin:25px 0}.option{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.15s}.option:hover{border-color:#b8c5e9;background:#fafbff}.option.selected{border-color:var(--accent);background:var(--accent2)}.option input{margin-top:4px;accent-color:var(--accent)}.option-letter{font-weight:800;color:var(--accent);min-width:18px}.nav-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:18px}.nav-row .primary{margin-left:auto}.palette-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.palette-head span{font-size:12px;color:var(--muted)}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:20px}.pbtn{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-weight:700}.pbtn.answered{background:#e7f5ed;border-color:#b6dfc7;color:var(--good)}.pbtn.review{box-shadow:inset 0 -3px 0 var(--warn)}.pbtn.current{outline:2px solid var(--accent);outline-offset:1px}.legend{display:grid;gap:8px;font-size:11px;color:var(--muted);margin-bottom:22px}.dot{width:9px;height:9px;border-radius:3px;background:#ddd;display:inline-block;margin-right:6px}.dot.answered{background:#b6dfc7}.dot.review{background:#f1d79f}.dot.current{background:#b8c8f8}.modal{position:fixed;inset:0;background:rgba(10,15,25,.45);display:grid;place-items:center;z-index:30}.modal-card{background:#fff;border-radius:18px;padding:25px;max-width:390px;width:calc(100% - 32px);box-shadow:0 25px 70px rgba(0,0,0,.2)}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1}.result-container{max-width:950px;margin:auto;padding:45px 20px 70px}.result-hero{text-align:center}.result-hero h1{margin:0 0 25px;font-size:34px}.score-circle{width:145px;height:145px;border-radius:50%;background:#fff;border:8px solid #e7ecf8;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.score-circle strong{font-size:42px}.score-circle span{font-size:16px;color:var(--muted);margin-top:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.stats-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}.stats-grid strong{display:block;font-size:25px}.stats-grid span{font-size:12px;color:var(--muted)}.result-actions{display:flex;gap:10px;justify-content:center;margin-bottom:40px}.result-actions .btn{width:auto;text-decoration:none}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.review-head h2{font-size:20px}.review-item{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:10px;overflow:hidden}.review-summary{padding:15px;display:flex;gap:12px;cursor:pointer;align-items:center}.status{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}.status.correct{background:#e7f5ed;color:var(--good)}.status.wrong{background:#fbeaea;color:var(--bad)}.status.unattempted{background:#f1f2f4;color:#69707d}.review-q{flex:1;font-weight:700}.review-body{padding:0 15px 18px;border-top:1px solid var(--line);line-height:1.55}.answer-line{margin:12px 0}.explanation{background:#f8f9fc;border-radius:10px;padding:13px}.source{font-size:11px;color:var(--muted)}@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}.exam-layout{grid-template-columns:1fr}.palette{order:-1}.palette-grid{grid-template-columns:repeat(10,1fr)}}@media(max-width:620px){.topbar{padding:0 16px;gap:12px}.top-stat{display:none}.container{padding:30px 14px}.hero{display:block}.hero-card{margin-top:20px}.toolbar{grid-template-columns:1fr}.test-grid{grid-template-columns:1fr}.exambar{padding:0 12px}.exam-title strong{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-layout{padding:0 10px;margin-top:10px}.question-panel,.palette{padding:17px}.question{font-size:18px}.palette-grid{grid-template-columns:repeat(10,1fr)}.pbtn{font-size:11px}.nav-row{flex-wrap:wrap}.nav-row .primary{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}}