:root{color-scheme:dark;--bg:#05080b;--panel:#0d1319;--panel-2:#121a22;--line:#26313d;--muted:#9aa6b3;--text:#f5f7f9;--gold:#f5c443;--gold-2:#b98a11;--green:#48dfa0;--red:#ff667a;--blue:#6ec5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 15% 5%,rgba(245,196,67,.12),transparent 28rem),linear-gradient(180deg,#070a0e,var(--bg) 45%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{border-bottom:1px solid rgba(245,196,67,.25);background:rgba(5,8,11,.9);backdrop-filter:blur(12px)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:50px;height:50px;object-fit:contain}.brand div{display:grid}.brand strong{font-size:22px;letter-spacing:.12em}.brand span{font-size:10px;letter-spacing:.18em;color:var(--muted)}.secure-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--gold)}
.student-main{min-height:calc(100vh - 87px);display:grid;align-items:center;padding:44px 0 70px}.student-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:30px;align-items:center}.intro .eyebrow,.eyebrow{margin:0 0 9px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.12em}.intro h1{max-width:760px;margin:0 0 18px;font-size:clamp(40px,6.2vw,80px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.intro>p:not(.eyebrow){max-width:630px;color:#bdc5ce;font-size:18px;line-height:1.65}.exam-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.exam-facts span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.card{padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(13,19,25,.96);box-shadow:0 26px 70px rgba(0,0,0,.35)}.card h2{margin:4px 0 10px;font-size:28px}.card>p{color:var(--muted);line-height:1.55}.form{display:grid;gap:16px;margin-top:22px}.field{display:grid;gap:7px;font-size:13px;font-weight:800}.field input{width:100%;min-height:48px;padding:12px 14px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:#070c11;outline:none}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,196,67,.1)}.primary,.secondary,.danger{min-height:46px;padding:11px 16px;border-radius:10px;font-weight:900}.primary{border:1px solid var(--gold);color:#171207;background:linear-gradient(180deg,#ffd75c,var(--gold))}.secondary{border:1px solid var(--line);color:var(--text);background:#121a22}.danger{border:1px solid rgba(255,102,122,.55);color:#ff9aa7;background:rgba(255,102,122,.1)}.full{width:100%}.message{padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5}.message.error{border:1px solid rgba(255,102,122,.45);color:#ffadb7;background:rgba(255,102,122,.08)}.message.info{border:1px solid rgba(110,197,255,.35);color:#b7e2ff;background:rgba(110,197,255,.07)}.hidden{display:none!important}.closed-mark{display:inline-flex;align-items:center;gap:9px;color:#ff9aa7;font-weight:900}.closed-mark::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red)}
.exam-stage{width:min(900px,calc(100% - 32px));margin:34px auto 70px}.exam-top{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:16px}.candidate-line{color:var(--muted);font-size:13px}.timer{min-width:145px;padding:11px 15px;border:1px solid rgba(245,196,67,.4);border-radius:11px;text-align:center;font-size:22px;font-weight:950;letter-spacing:.05em;background:rgba(245,196,67,.07)}.timer.danger-time{border-color:var(--red);color:#ff9aa7;background:rgba(255,102,122,.08)}.progress-track{height:5px;overflow:hidden;border-radius:99px;background:#1e2832}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width .25s}.question-card{margin-top:16px;padding:clamp(22px,4vw,40px);border:1px solid var(--line);border-radius:18px;background:rgba(13,19,25,.98)}.question-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:800}.question-card h2{margin:22px 0 26px;font-size:clamp(23px,3vw,34px);line-height:1.3}.answers{display:grid;gap:11px}.answer{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left;background:#0a1016}.answer b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3a4754;border-radius:9px;color:var(--gold)}.answer:hover{border-color:#596879;transform:translateY(-1px)}.answer.selected{border-color:var(--gold);background:rgba(245,196,67,.08)}.question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.question-actions>div{display:flex;gap:10px}.save-state{min-height:22px;margin:12px 0 0;color:var(--muted);font-size:12px;text-align:right}.result-card{text-align:center}.result-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border:1px solid rgba(245,196,67,.5);border-radius:50%;color:var(--gold);font-size:30px;background:rgba(245,196,67,.08)}.result-card h2{font-size:clamp(30px,5vw,48px)}.result-score{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:12px;font-size:clamp(20px,3vw,28px);font-weight:950}.result-score.approved{color:var(--green)}.result-score.failed{color:#ff9aa7}
.professor-main{padding:36px 0 70px}.professor-login{width:min(480px,calc(100% - 32px));margin:70px auto}.professor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.professor-head h1{margin:4px 0 7px;font-size:clamp(32px,5vw,54px)}.professor-head p{margin:0;color:var(--muted)}.state-pill{display:inline-flex;padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}.state-pill.on{border-color:rgba(72,223,160,.4);color:var(--green)}.state-pill.off{border-color:rgba(255,102,122,.4);color:#ff9aa7}.professor-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.professor-controls p{margin:4px 0 0;color:var(--muted);font-size:13px}.filters{display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:end;margin:18px 0}.filters .field input,.filters .field select{min-height:44px;padding:10px 12px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:#070c11}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}table{width:100%;min-width:1280px;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:middle}th{color:#8fa0b2;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#121922}td strong{display:block;font-size:13px}td small{display:block;margin-top:4px;color:var(--muted)}tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{min-height:34px;padding:7px 9px}.empty{padding:50px;text-align:center;color:var(--muted)}.detail{margin-top:20px;padding:22px;border:1px solid rgba(245,196,67,.35);border-radius:15px;background:var(--panel)}.detail-head{display:flex;justify-content:space-between;gap:20px}.detail h2{margin:4px 0}.attempts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.attempts button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel-2)}.attempts button.active{color:#181207;border-color:var(--gold);background:var(--gold)}.answer-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.answer-list{padding:16px;border:1px solid var(--line);border-radius:12px;background:#080d12}.answer-list h3{margin:0 0 10px}.answer-list.correct h3,.answer-list.correct b{color:var(--green)}.answer-list.incorrect h3{color:#ff9aa7}.answer-item{padding:13px 0;border-top:1px solid var(--line)}.answer-item p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.modal-bg{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.modal{width:min(520px,100%);padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2)}.modal h2{margin:4px 0 10px}.modal p{color:var(--muted);line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:820px){.student-grid{grid-template-columns:1fr}.intro{text-align:center}.intro>p:not(.eyebrow){margin-inline:auto}.exam-facts{justify-content:center}.answer-columns{grid-template-columns:1fr}.professor-controls{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr 1fr}.filters>.secondary{grid-column:1/-1}.professor-head{flex-direction:column}}
@media(max-width:560px){.shell{width:min(100% - 22px,1180px)}.header-inner{min-height:74px}.brand img{width:42px;height:42px}.brand strong{font-size:18px}.secure-label{display:none}.student-main{padding:28px 0 45px}.student-grid{gap:20px}.intro h1{font-size:42px}.intro>p:not(.eyebrow){font-size:15px}.card{padding:21px}.exam-stage{width:min(100% - 20px,900px);margin-top:20px}.exam-top{grid-template-columns:1fr}.timer{justify-self:start}.question-card{padding:20px 16px}.question-actions{align-items:stretch;flex-direction:column}.question-actions>div{display:grid;grid-template-columns:1fr 1fr}.question-actions .primary{width:100%}.filters{grid-template-columns:1fr}.filters>.secondary{grid-column:auto}.detail-head{flex-direction:column}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}
.auth-links{display:flex;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.auth-links button{padding:3px;border:0;color:#d7dde4;text-decoration:underline;text-underline-offset:3px;background:transparent}.auth-links button:hover{color:var(--gold)}