/* Minimal styles for MCQ Quiz Platform */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background:#f6f8fb; }
.container { max-width: 400px; margin: 50px auto; background:white; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,0.07); }
.header { text-align: center; margin-bottom: 20px; }
h1 { font-size:20px; margin:0; color:#333; }
.small { font-size:13px; color:#666; }
.field, .form-group { margin:15px 0; }
label { display:block; font-weight:600; margin-bottom:5px; }
input { width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; }
input:focus { outline: none; border-color: #1677ff; }
input[type="checkbox"] { width: auto; margin-right: 8px; }
button { padding:10px 20px; border:0; background:#1677ff; color:white; border-radius:4px; cursor:pointer; }
button:hover:not(:disabled) { background:#0066cc; }
button:disabled { background:#ccc; cursor: not-allowed; }
.controls { text-align: center; margin-top:20px; }
.footer-small { font-size:12px; color:#666; text-align:center; margin-top:15px; }
.error-message { background:#e74c3c; color: white; padding: 10px; border-radius: 4px; margin-top: 10px; text-align: center; }
.notice { background:#fff3cd; padding:10px; border-left:4px solid #ffd54d; margin-bottom:12px; }
a { color: #1677ff; text-decoration: none; }
a:hover { text-decoration: underline; }