:root{--ink:#10132a;--muted:#666b80;--line:#e7e8f0;--paper:#fff;--bg:#f6f7ff;--purple:#6c3cf0;--purple2:#8a5cff;--orange:#ff7a18;--yellow:#ffd76a;--green:#16a06a;--red:#e94757;--shadow:0 18px 45px rgba(41,25,105,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{font-size:1.42rem;font-weight:900;letter-spacing:-.04em}.brand span{color:var(--orange)}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;color:#454961;font-weight:700}.navlinks a:hover{color:var(--purple)}.menu{display:none;margin-left:auto;border:0;background:#f0edff;padding:8px 12px;border-radius:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:white;box-shadow:0 10px 22px rgba(108,60,240,.25)}.btn-orange{background:var(--orange);color:white}.btn-soft{background:#eee9ff;color:var(--purple)}.btn-outline{background:white;border:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;padding:68px 0 50px}.eyebrow{display:inline-flex;background:#eee9ff;color:var(--purple);border-radius:99px;padding:7px 12px;font-size:.82rem;font-weight:900}.hero h1{font-size:clamp(2.55rem,6vw,5.2rem);line-height:.96;letter-spacing:-.065em;margin:18px 0}.hero h1 .accent{color:var(--orange)}.hero p{max-width:650px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.challenge{background:linear-gradient(155deg,#17122f,#342074);color:white;border-radius:28px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.challenge:after{content:"";position:absolute;width:170px;height:170px;background:var(--orange);filter:blur(60px);opacity:.35;right:-50px;top:-60px}.challenge>*{position:relative;z-index:1}.challenge .meta{display:flex;justify-content:space-between;color:#d8d2ff;font-size:.88rem}.challenge h2{font-size:1.65rem;line-height:1.2;margin:24px 0 10px}.progress{height:8px;background:#ffffff2b;border-radius:99px;overflow:hidden;margin:20px 0}.progress i{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--yellow),var(--orange))}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:12px 0 54px}.stat,.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px rgba(25,20,61,.04)}.stat{padding:20px}.stat strong{display:block;font-size:1.55rem}.stat span{color:var(--muted);font-size:.86rem}.section{padding:28px 0 64px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section h2{font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.04em;margin:0}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quiz-card{padding:22px}.pill{display:inline-flex;padding:5px 10px;border-radius:99px;background:#fff3e8;color:#c85800;font-size:.76rem;font-weight:900}.quiz-card h3{margin:18px 0 6px;font-size:1.2rem}.quiz-card p{color:var(--muted);margin:0 0 18px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.auth-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:40px 16px}.auth-card{width:min(560px,100%);padding:28px}.auth-card h1{margin:0 0 4px}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.88rem;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe1ec;background:#fff;border-radius:12px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,60,240,.12)}.alert{padding:12px 14px;border-radius:12px;margin:14px 0}.alert-error{background:#fff0f2;color:#9f2734}.alert-success{background:#eafff6;color:#08734a}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}.side{padding:28px 18px;border-right:1px solid var(--line);background:#fff}.side a{display:block;padding:11px 13px;border-radius:11px;margin:4px 0;font-weight:700;color:#565a70}.side a.active,.side a:hover{background:#eee9ff;color:var(--purple)}.main{padding:30px}.welcome{background:linear-gradient(135deg,var(--purple),#3b1b93);color:white;border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:20px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.kpi{padding:18px}.kpi b{display:block;font-size:1.55rem}.quiz-layout{display:grid;grid-template-columns:1fr 270px;gap:20px;padding:28px 0 60px}.quiz-panel{padding:24px}.quiz-top{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.timer{font-weight:900;color:var(--red);background:#fff0f2;border-radius:10px;padding:8px 12px}.question-card{padding:24px 0}.question-card h2{font-size:1.35rem}.option{display:flex;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;margin:10px 0;cursor:pointer}.option:hover,.option:has(input:checked){border-color:var(--purple);background:#f3f0ff}.option input{accent-color:var(--purple)}.qnav-card{padding:20px;height:max-content;position:sticky;top:94px}.qnav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qnav button{aspect-ratio:1;border:1px solid var(--line);background:white;border-radius:9px;font-weight:800}.qnav button.active{border-color:var(--purple);color:var(--purple)}.qnav button.answered{background:var(--green);border-color:var(--green);color:white}.result-hero{text-align:center;padding:34px}.score-ring{width:150px;aspect-ratio:1;border-radius:50%;margin:16px auto;display:grid;place-items:center;background:conic-gradient(var(--purple) var(--score),#eceaf4 0);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;background:white;border-radius:50%}.score-ring strong{position:relative;z-index:1;font-size:2rem}.review{padding:20px;margin:14px 0}.correct{border-left:5px solid var(--green)}.wrong{border-left:5px solid var(--red)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{background:#f3f1ff;color:#51478c;font-size:.85rem}.footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted);text-align:center}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:38px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.dashboard{display:block}.side{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.main{padding:20px 16px}.quiz-layout{grid-template-columns:1fr}.qnav-card{position:static}.navlinks{display:none;position:absolute;left:16px;right:16px;top:65px;background:white;padding:14px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.welcome{display:block}.kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.shell{width:min(100% - 22px,1180px)}.hero h1{font-size:3rem}.stats,.kpis,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.quiz-panel{padding:17px}.quiz-top{align-items:start}.main{padding:18px 11px}.auth-card{padding:22px}.nav{height:64px}}