:root{--spn-ink:#202124;--spn-muted:#6d7178;--spn-line:#e5e7eb;--spn-soft:#f7f9fc;--spn-blue:#1769e0;--spn-blue-soft:#eaf2ff;--spn-green:#16815c;--spn-red:#c83932;--spn-gold:#f5b942}.spn-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--spn-ink);background:linear-gradient(180deg,#f4f8ff 0,#fff 42%);padding:28px 16px;min-height:640px;box-sizing:border-box}.spn-app *{box-sizing:border-box}.spn-shell{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--spn-line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 36px rgba(22,48,88,.07)}.spn-brand{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--spn-line)}.spn-mark{width:54px;height:54px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid var(--spn-border);overflow:hidden;padding:4px}.spn-mark img{width:100%;height:100%;object-fit:contain;display:block}.spn-brand strong,.spn-brand span{display:block}.spn-brand strong{font-size:16px}.spn-brand span{font-size:13px;color:var(--spn-muted);margin-top:2px}.spn-secure{margin-left:auto!important;padding:7px 10px;border-radius:7px;background:#eef8f4;color:var(--spn-green)!important;font-size:12px!important;font-weight:700}.spn-panel{display:none;padding:48px;max-width:760px;margin:0 auto;min-height:510px}.spn-panel.is-active{display:block}.spn-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--spn-blue);margin-bottom:10px}.spn-panel h2{font-size:32px;line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}.spn-panel>p{color:var(--spn-muted);line-height:1.6;max-width:620px;margin:0 0 28px}.spn-form{display:grid;gap:18px;max-width:520px;margin-top:28px}.spn-grid{grid-template-columns:1fr 1fr;max-width:none}.spn-form label{display:grid;gap:7px;font-size:14px;font-weight:700}.spn-form input,.spn-form select{width:100%;height:48px;border:1px solid #cfd4dc;border-radius:8px;padding:0 13px;font:inherit;color:var(--spn-ink);background:#fff}.spn-form input:focus,.spn-form select:focus{outline:3px solid rgba(23,105,224,.15);border-color:var(--spn-blue)}.spn-wide{grid-column:1/-1}.spn-check{display:flex!important;grid-template-columns:20px 1fr!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.45}.spn-check input{width:18px!important;height:18px!important;margin-top:2px}.spn-honeypot{position:absolute!important;left:-10000px!important}.spn-btn{border:0;border-radius:8px;background:var(--spn-blue);color:#fff;min-height:48px;padding:12px 20px;font-size:15px;font-weight:750;cursor:pointer;transition:transform .15s ease,background .15s ease}.spn-btn:hover{background:#0f57bd}.spn-btn:focus-visible,.spn-options button:focus-visible,.spn-code button:focus-visible{outline:3px solid rgba(23,105,224,.28);outline-offset:2px}.spn-btn:disabled{opacity:.55;cursor:not-allowed}.spn-btn-light{background:#eef2f7;color:var(--spn-ink)}.spn-btn-light:hover{background:#e1e7ef}.spn-message{min-height:24px;margin-top:16px;font-size:14px}.spn-message.error{color:var(--spn-red)}.spn-message.success{color:var(--spn-green)}.is-hidden{display:none!important}.spn-tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.spn-tour-grid article{border:1px solid var(--spn-line);border-radius:10px;padding:16px;background:var(--spn-soft)}.spn-tour-grid b,.spn-tour-grid span{display:block}.spn-tour-grid b{font-size:16px;margin-bottom:5px}.spn-tour-grid span{font-size:13px;color:var(--spn-muted);line-height:1.45}.spn-demo-question{border:1px solid #cfe0fa;background:var(--spn-blue-soft);border-radius:12px;padding:20px;margin:20px 0}.spn-demo-question>span,.spn-subject{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--spn-blue)}.spn-demo-question h3{margin:7px 0 15px;font-size:18px}.spn-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spn-options button{min-height:44px;border:1px solid #bad0ef;border-radius:8px;background:#fff;text-align:left;padding:10px 12px;cursor:pointer}.spn-options button.is-selected,.spn-options button.is-correct{border-color:var(--spn-green);background:#eef8f4}.spn-exam{max-width:900px}.spn-exam-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.spn-exam-top b{display:block;font-size:15px}.spn-timer{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;border:1px solid var(--spn-line);border-radius:10px;padding:10px 15px;background:var(--spn-soft)}.spn-timer.is-urgent{color:var(--spn-red);background:#fff2f0;border-color:#f2c6c2}.spn-progress{height:7px;border-radius:10px;background:#e8ebef;margin:18px 0 34px;overflow:hidden}.spn-progress i{display:block;width:5%;height:100%;background:var(--spn-blue);transition:width .2s ease}.spn-subject{margin-bottom:10px}.spn-live-options{display:grid;gap:12px;margin:25px 0 32px}.spn-live-options label{display:grid;grid-template-columns:22px 36px 1fr;align-items:center;min-height:58px;border:1px solid var(--spn-line);border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .15s,background .15s}.spn-live-options label:hover{border-color:#b7c8df}.spn-live-options label.is-selected{border-color:var(--spn-blue);background:var(--spn-blue-soft)}.spn-live-options input{width:18px;height:18px}.spn-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#eef1f5;font-weight:800;font-size:13px}.spn-exam-actions{display:flex;justify-content:space-between;gap:12px}.spn-result{text-align:center}.spn-award{width:74px;height:74px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:#fff7dd;color:#b77800;font-size:34px;border:1px solid #f2d680}.spn-result>p{margin-left:auto;margin-right:auto}.spn-percent strong,.spn-percent span{display:block}.spn-percent strong{font-size:72px;line-height:1;color:var(--spn-green);letter-spacing:-.05em}.spn-percent span{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:var(--spn-muted);margin-top:8px}.spn-code{max-width:520px;margin:30px auto 18px;border:1px solid var(--spn-line);border-radius:12px;padding:18px;background:var(--spn-soft)}.spn-code span,.spn-code b{display:block}.spn-code span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--spn-muted);font-weight:700}.spn-code b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px;margin:9px 0}.spn-code button{border:0;background:transparent;color:var(--spn-blue);font-weight:800;cursor:pointer;min-height:44px}.spn-note{font-size:14px!important}.spn-shell footer{border-top:1px solid var(--spn-line);padding:16px 24px;text-align:center;color:var(--spn-muted);font-size:12px}@media(max-width:640px){.spn-app{padding:0;background:#fff}.spn-shell{border:0;border-radius:0;box-shadow:none}.spn-brand{padding:14px 16px}.spn-secure{display:none!important}.spn-panel{padding:32px 20px;min-height:560px}.spn-panel h2{font-size:27px}.spn-grid,.spn-tour-grid,.spn-options{grid-template-columns:1fr}.spn-wide{grid-column:auto}.spn-exam-top{align-items:flex-start}.spn-timer{font-size:22px;padding:8px 11px}.spn-live-options label{grid-template-columns:20px 32px 1fr;padding:9px 10px}.spn-percent strong{font-size:60px}}@media(prefers-reduced-motion:reduce){.spn-app *{scroll-behavior:auto!important;transition:none!important}}
.ea-redeem-callout{margin-top:18px;padding:18px;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:10px;background:#f0fdf4;text-align:left}.ea-redeem-callout strong{font-size:18px;color:#166534}.ea-redeem-callout p{margin:8px 0 14px!important}.ea-call-button{display:inline-flex!important;text-decoration:none!important;margin-right:10px}
/* v1.7 subtle dim-light background; text surfaces stay readable */
.spn-app{background:radial-gradient(circle at 12% 16%,rgba(59,130,246,.10),transparent 30%),radial-gradient(circle at 88% 82%,rgba(16,185,129,.08),transparent 32%),linear-gradient(150deg,#f7faff 0%,#fff 50%,#f7fffc 100%)!important}
.spn-shell{background:rgba(255,255,255,.96)}
.spn-shell main{background:radial-gradient(circle at 78% 18%,rgba(168,85,247,.045),transparent 27%),radial-gradient(circle at 15% 85%,rgba(14,165,233,.05),transparent 30%),#fff}
.spn-panel{background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(249,251,255,.97));border-radius:14px}
.spn-pattern-note{display:block;margin-top:5px;color:var(--spn-muted);font-size:12px;font-weight:600}
@media(max-width:640px){.spn-app{background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.08),transparent 32%),radial-gradient(circle at 90% 90%,rgba(16,185,129,.06),transparent 35%),#fff!important}.spn-panel{border-radius:0}}

/* Urdu subject readability */
.spn-rtl{text-align:right;font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic","Segoe UI",Arial,sans-serif}.spn-rtl .spn-subject{text-align:right}.spn-rtl .spn-live-options label{grid-template-columns:1fr 36px 22px}.spn-rtl .spn-live-options label>span:last-child{grid-column:1;grid-row:1}.spn-rtl .spn-letter{grid-column:2;grid-row:1}.spn-rtl .spn-live-options input{grid-column:3;grid-row:1}


/* ===== v1.7.5 Education Adda bundled exam fonts =====
   Hindi (Devanagari) -> Adobe Devanagari
   Urdu (Arabic/Nastaleeq) -> Jameel Noori Nastaleeq
   Fonts are downloaded by the browser only when a Hindi/Urdu question is shown. */
@font-face{font-family:"EA Devanagari";src:url("fonts/ea-devanagari-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+1CD0-1CFF,U+200C-200D,U+0020-007E}
@font-face{font-family:"EA Devanagari";src:url("fonts/ea-devanagari-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+1CD0-1CFF,U+200C-200D,U+0020-007E}
@font-face{font-family:"EA Nastaleeq";src:url("fonts/ea-nastaleeq-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}

/* Hindi questions */
.spn-hi,.spn-hi .spn-subject,.spn-hi h2,.spn-hi h3,.spn-hi .spn-live-options label,.spn-hi .spn-options button{font-family:"EA Devanagari","Noto Sans Devanagari","Mangal",serif}
.spn-hi h2,.spn-hi h3{line-height:1.5}
.spn-hi .spn-live-options label>span:last-child{line-height:1.6}

/* Urdu questions (Nastaleeq needs extra line height and larger size) */
.spn-ur,.spn-ur .spn-subject,.spn-ur h2,.spn-ur h3,.spn-ur .spn-live-options label,.spn-ur .spn-options button{font-family:"EA Nastaleeq","Jameel Noori Nastaleeq","Noto Nastaliq Urdu","Noto Naskh Arabic",serif}
.spn-ur h2,.spn-ur h3{font-size:30px;line-height:2.1;padding-bottom:6px}
.spn-ur .spn-live-options label{min-height:66px}
.spn-ur .spn-live-options label>span:last-child{font-size:23px;line-height:2;padding-bottom:4px}
.spn-ur .spn-letter{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.spn-ur .spn-subject{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
@media(max-width:640px){.spn-ur h2,.spn-ur h3{font-size:25px;line-height:2}.spn-ur .spn-live-options label>span:last-child{font-size:20px}}