* { box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; }
body { background: #f2f5f7; margin: 0; padding: 0; color: #222; }
.header { display: flex; align-items: center; background: #003366; color: #fff; padding: 15px 30px; }
.header .logo { height: 70px; margin-right: 20px; background: #fff; border-radius: 6px; padding: 4px; }
.header-text h1 { margin: 0; font-size: 22px; }
.header-text p.mal { margin: 2px 0 0; font-size: 14px; opacity: 0.9; }
.lang-toggle { margin-left: auto; }
.lang-toggle button { background: transparent; border: 1px solid #fff; color: #fff; padding: 6px 14px; margin-left: 8px; border-radius: 4px; cursor: pointer; }
.lang-toggle button.active { background: #fff; color: #003366; font-weight: 600; }
.hearing-info { background: #fff; margin: 20px auto; max-width: 800px; padding: 20px 30px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.hearing-info h2 { color: #003366; margin-top: 0; }
form { background: #fff; max-width: 800px; margin: 0 auto 40px; padding: 30px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.form-group { margin-bottom: 18px; }
.form-group label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 14px; }
.form-group input[type=text], .form-group input[type=email], .form-group select, .form-group input[type=file] {
  width: 100%; padding: 9px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px;
}
.form-group input:focus, .form-group select:focus { border-color: #003366; outline: none; }
.otp-row { display: flex; gap: 8px; margin-bottom: 6px; }
.otp-row input { flex: 1; }
.otp-row button { background: #003366; color: #fff; border: none; padding: 9px 14px; border-radius: 5px; cursor: pointer; white-space: nowrap; }
.otp-row button:hover { background: #002244; }
.checkbox-row { margin-bottom: 8px; font-size: 13px; }
.verified-tag { color: green; font-weight: 600; font-size: 13px; }
.error { color: #c0392b; font-size: 12px; display: block; margin-top: 4px; }
.submit-btn { background: #007a3d; color: #fff; border: none; padding: 12px 26px; border-radius: 6px; font-size: 16px; cursor: pointer; width: 100%; }
.submit-btn:hover { background: #00602e; }
.success-box { max-width: 800px; margin: 20px auto; background: #e6f7ec; border: 1px solid #007a3d; padding: 20px 30px; border-radius: 8px; text-align: center; }
#formMessage { text-align: center; color: #c0392b; font-weight: 600; margin-top: 10px; }