.address-grid {display:flex;gap:15px;flex-wrap:wrap;margin-top:10px;} .address-grid .form-group-half {flex:1;min-width:200px;} .exam-section-title {font-family:'Montserrat', sans-serif;font-size:1.4rem;font-weight:700;color:#0a3f87;border-bottom:2px solid #0a3f87;padding-bottom:8px;margin:40px 0 20px;text-transform:uppercase;} .exam-card {background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:25px;margin-bottom:25px;} .question-block {margin-bottom:25px;} .question-block:last-child {margin-bottom:0;} .question-text {font-family:'Montserrat', sans-serif;font-weight:600;font-size:1.05rem;color:#334155;margin-bottom:12px;display:flex;gap:8px;} .question-number {color:#e30613;} .options-list {display:flex;flex-direction:column;gap:10px;} .option-container {display:block;position:relative;padding:12px 16px 12px 45px;font-size:0.95rem;color:#475569;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:8px;cursor:pointer;user-select:none;transition:all 0.25s ease;font-family:'Open Sans', sans-serif;} .option-container:hover {border-color:#0a3f87;background:#f1f5f9;} .option-container input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;} .radio-indicator {position:absolute;top:50%;left:15px;transform:translateY(-50%);height:20px;width:20px;background-color:#ffffff;border:2px solid #cbd5e1;border-radius:50%;transition:all 0.2s ease;} .option-container:hover input ~ .radio-indicator {border-color:#0a3f87;} .option-container input:checked ~ .radio-indicator {border-color:#0a3f87;background-color:#0a3f87;} .radio-indicator:after {content:"";position:absolute;display:none;} .option-container input:checked ~ .radio-indicator:after {display:block;} .option-container .radio-indicator:after {top:5px;left:5px;width:6px;height:6px;border-radius:50%;background:white;} .option-container input:checked {color:#0a3f87;} .option-container.selected-active {border-color:#0a3f87;background-color:#f0f7ff;font-weight:500;color:#0a3f87;} .conditional-field {transition:all 0.3s ease-in-out;opacity:0;max-height:0;overflow:hidden;margin-top:0;} .conditional-field.active {opacity:1;max-height:150px;margin-top:15px;} .offline-blocker {display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15, 23, 42, 0.95);backdrop-filter:blur(8px);z-index:999999;align-items:center;justify-content:center;padding:20px;} .offline-blocker.active {display:flex;} .offline-card {background:#ffffff;border-radius:16px;padding:40px 30px;max-width:500px;text-align:center;box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);border-top:5px solid #e30613;animation:slideIn 0.3s ease-out;} .offline-icon {font-size:3.5rem;margin-bottom:20px;display:inline-block;animation:pulse 1.5s infinite;} .offline-card h2 {font-family:'Montserrat', sans-serif;color:#0f172a;margin-bottom:12px;font-size:1.6rem;font-weight:700;} .offline-card p {color:#64748b;font-size:0.95rem;line-height:1.6;} .offline-warning {margin-top:15px;font-weight:bold;color:#e30613;font-size:0.9rem;background:#fef2f2;padding:8px 12px;border-radius:6px;border:1px solid #fee2e2;} @keyframes slideIn {from {transform:translateY(20px);opacity:0;} to {transform:translateY(0);opacity:1;}} @keyframes pulse {0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);}}