*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Tahoma,Arial,sans-serif;line-height:1.8}.top{background:#102a43;color:#fff;padding:14px 5%;display:flex;justify-content:space-between;align-items:center}.top a{color:#fff}.brand{font-size:20px;font-weight:800}.wrap{max-width:1180px;margin:25px auto;padding:0 16px}.narrow{max-width:620px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.nav a,.btn,button{background:#0b74c9;color:#fff;border:0;border-radius:8px;padding:9px 14px;text-decoration:none;cursor:pointer;font-family:inherit}.card{background:#fff;border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 3px 15px #102a4312}.hero{text-align:center;background:linear-gradient(135deg,#102a43,#0b74c9);color:#fff;border-radius:20px;padding:70px 20px}.hero h1{font-size:38px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:20px 0}.stat{background:#fff;padding:22px;border-radius:14px;text-align:center;box-shadow:0 3px 15px #102a4312}.stat b{font-size:28px}.bar{display:flex;justify-content:space-between;align-items:center}.tablewrap{overflow:auto;background:#fff;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e8edf3;text-align:right}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #ccd6e0;border-radius:8px;font:inherit;background:#fff}textarea{min-height:100px}.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.compact button{align-self:end}.alert{padding:12px 16px;background:#fff3cd;border-radius:9px;margin:15px 0}.alert.success{background:#d9f7e8}.alert.error{background:#fde2e2}.question-pick{max-height:360px;overflow:auto;border:1px solid #ddd;padding:10px}.question-pick label{padding:5px;border-bottom:1px solid #eee}.question-pick input{display:inline;width:auto}.q{padding:18px 0;border-bottom:1px solid #eee}.q label{background:#f7f9fc;padding:8px;border-radius:7px}.q label input{display:inline;width:auto}.inline{display:inline}.danger{background:#c62828;padding:4px 8px}.result{text-align:center}footer{text-align:center;padding:30px;color:#718096}.auth{margin:60px auto;max-width:450px}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.optiongrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.checks{display:flex;gap:25px;flex-wrap:wrap;margin:15px 0}.checks label{margin:0}.checks input{display:inline;width:auto}.muted{color:#718096}.secondary{background:#546e7a}.rule{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr auto;gap:8px;align-items:end;padding:12px;background:#f7f9fc;border:1px solid #e1e8ef;border-radius:10px;margin:10px 0}.difficulty{display:inline-block;border-radius:6px;padding:1px 7px;font-weight:bold}.d1{background:#d9f7e8}.d2{background:#e8f5e9}.d3{background:#fff3cd}.d4{background:#ffe0b2}.d5{background:#fde2e2}.filters{border-right:4px solid #0b74c9}@media(max-width:700px){.optiongrid{grid-template-columns:1fr}.rule{grid-template-columns:1fr 1fr}.rule button{grid-column:1/-1}}
.exam-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.timer{font-size:28px;font-weight:900;min-width:120px;text-align:center;background:#102a43;color:#fff;border-radius:12px;padding:8px 14px}.exam-q{scroll-margin-top:100px}.qnum{color:#0b74c9;font-weight:800;margin-bottom:8px}.option{display:flex;align-items:flex-start;gap:10px;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:13px;margin:9px 0;cursor:pointer}.option input{width:auto;margin-top:6px}.question-image{display:block;max-width:100%;max-height:420px;margin:15px auto;border-radius:10px}.exam-actions{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:10px}.finish{background:#0b74c9}@media(max-width:700px){.exam-head{align-items:flex-start}.timer{font-size:22px;min-width:90px}.exam-actions{flex-direction:column;gap:10px;align-items:stretch}}

.exam-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.exam-card{border:1px solid #e6eaf0;border-radius:16px;padding:18px;background:#fff;box-shadow:0 5px 18px rgba(20,30,50,.05)}
.exam-card h3{margin-top:0}.exam-price{font-weight:700;margin:12px 0;color:#17324d}.muted{color:#667085;font-size:13px}
@media(max-width:700px){.exam-cards{grid-template-columns:1fr}.tablewrap{overflow:auto}.tablewrap table{min-width:650px}}