/* NKEDU tema v2 — Mock sahifasi (imtihon.html) */
:root{
  --paper:#F5F8FF; --ink:#0B1B3F; --muted:#5A6C99; --line:#E1E9FF;
  --navy:#0E2A66; --gold:#FF7A2F; --green:#0B9E6B; --red:#E5484D;
  --card:#FFFFFF; --r:18px;
}
body{
  font-family:'Plus Jakarta Sans','Manrope',system-ui,-apple-system,sans-serif;
  background:var(--paper);
}
body::before{content:"";position:fixed;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,107,255,.14),transparent 65%);
  top:-200px;right:-180px;z-index:-1;pointer-events:none}
body::after{content:"";position:fixed;width:540px;height:540px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,47,.10),transparent 65%);
  bottom:-180px;left:-160px;z-index:-1;pointer-events:none}
h1,h2,h3{font-family:'Plus Jakarta Sans','Manrope',system-ui,sans-serif;letter-spacing:-.02em}

/* Kirish */
.enter-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px 28px;box-shadow:0 24px 56px rgba(14,42,102,.10)}
.enter h1{font-size:1.7rem}
.code-in,.name-in{border-radius:16px;border-color:#D6E2FF}
.code-in:focus,.name-in:focus,.answer-area:focus{border-color:#2F6BFF;box-shadow:0 0 0 4px rgba(47,107,255,.14)}
.btn{background:linear-gradient(120deg,#FF7A2F,#FF9650);box-shadow:0 10px 24px rgba(255,122,47,.32);font-weight:800}
.btn:hover{background:linear-gradient(120deg,#F26A1B,#FF8A3D);box-shadow:0 14px 30px rgba(255,122,47,.42)}
.btn:disabled{box-shadow:none}
.btn-2{background:#fff;color:var(--ink);border:2px solid #D6E2FF;box-shadow:none}
.btn-2:hover{background:#F0F5FF;border-color:#2F6BFF;box-shadow:none}

/* Tanishtiruv */
.brief{border-radius:24px;border-color:var(--line)}
.sec-row b{font-weight:800}
.warn{background:#FFF3E8;border-color:#FFD9BD;color:#8A4310}

/* Imtihon */
.top{background:rgba(245,248,255,.92);border-bottom:1px solid var(--line)}
.prog{height:5px;background:var(--line)}
.prog i{background:linear-gradient(90deg,#2F6BFF,#FF7A2F)}
.timer{background:#E8EFFF;color:#0E2A66;border-radius:12px}
.timer.warn{background:#FFF0E0;color:#B8500F}
.timer.crit{background:#FDECEC;color:var(--red)}
.sec-head .kind{color:var(--gold)}
.sec-head h2{font-weight:800}
.q{border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(14,42,102,.05)}
.q.done{border-color:#BFE8D6}
.q-num{background:#E8EFFF;color:#1F4FD8;border-radius:10px}
.q.done .q-num{background:#DDF5EB;color:var(--green)}
.opt{border-radius:16px;padding:15px 16px;background:#F5F8FF;border-color:#E1E9FF}
.opt:hover{border-color:#9DB6F5;background:#fff}
.opt.sel{border-color:#2F6BFF;background:#E8EFFF}
.opt input{accent-color:#2F6BFF}
.passage{border-radius:20px}
.audio-box,.rec-box,.fb,.material-link{border-radius:20px}
.rec-btn{background:var(--red)}
.bottom{background:rgba(255,255,255,.94);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(14,42,102,.06)}
.bottom .info{font-weight:700}

/* Natija */
.score-ring{background:conic-gradient(var(--green) var(--p,0%),#E1E9FF 0)}
.score-ring i{background:var(--paper);font-weight:800}
.fb b{color:var(--gold)}
:focus-visible{outline:3px solid #FF7A2F;outline-offset:2px}