*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f8fc;color:#17324d}header{background:#0789c9;color:white;padding:15px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:700}nav a{color:#fff;margin-left:18px;text-decoration:none}main{max-width:1150px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:12px;padding:22px;margin-bottom:20px;box-shadow:0 3px 14px #0001}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.btn{display:inline-block;background:#0789c9;color:white;border:0;border-radius:7px;padding:10px 16px;text-decoration:none;cursor:pointer}.btn.secondary{background:#536b7d}.btn.danger{background:#c0392b}.input,select,textarea{width:100%;padding:10px;border:1px solid #cbd8e2;border-radius:7px}label{font-weight:600;display:block;margin:8px 0}table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px;border:1px solid #dde6ed;text-align:left}th{background:#eaf5fb}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.alert.ok{background:#e8f8ee;color:#176b35}.alert.err{background:#ffeceb;color:#8c201c}.timer{position:sticky;top:0;background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 10px #0002;font-size:22px;font-weight:bold;text-align:center;z-index:5}.option{padding:10px;margin:8px 0;border:1px solid #d5e1ea;border-radius:8px}.stat{font-size:28px;font-weight:700}.small{font-size:13px;color:#667}.question{font-size:18px;line-height:1.55}.login{max-width:430px;margin:70px auto}.result-good{background:#eaf8ef}.result-bad{background:#fff0ef}footer{text-align:center;padding:30px;color:#687b89}.actions{display:flex;gap:8px;flex-wrap:wrap}