.class-test{max-width:1000px;margin:auto;color:var(--text,#e8edff)}.class-test>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.class-test header span{color:#a78bfa;font-size:12px;font-weight:700}.class-test h1{font-size:30px;margin:10px 0}.class-test header p,.class-test footer span{font-size:13px;opacity:.75}.class-test-clock{background:#7c3aed;color:white;border-radius:14px;padding:14px 20px;font-size:22px;white-space:nowrap}.class-test-questions{display:grid;gap:18px}.class-test-questions>article,.class-test-result{background:#101d30;border:1px solid #2c3e58;border-radius:16px;padding:24px}.class-test-questions h2{font-size:18px;margin:0 0 20px}.class-test-questions label{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #34445c;border-radius:10px;margin-top:9px;cursor:pointer}.class-test-questions label:has(input:checked){border-color:#a78bfa;background:#8b5cf622}.class-test-questions input{width:18px;height:18px;accent-color:#8b5cf6}.class-test>footer{display:flex;align-items:center;gap:20px;margin:24px 0}.class-test-result{padding:40px;text-align:center}.class-test-result>strong{font-size:48px;color:#a78bfa}.class-test-result p{margin:20px 0}.class-test-save{font-size:13px;color:#a78bfa}[data-theme=light] .class-test-questions>article,[data-theme=light] .class-test-result{background:white;color:#14223d;border-color:#dce3f0}[data-theme=light] .class-test-questions label{border-color:#dce3f0}@media(max-width:600px){.class-test>header,.class-test>footer{align-items:stretch;flex-direction:column}.class-test-clock{text-align:center}.class-test-questions>article{padding:16px}}