/* "Get notified when recruitment opens" form. Sits on the navy rush bands. */
.notify-card { max-width: 560px; margin: 0 auto; padding: 28px 24px; border: 1px solid rgba(253,185,19,0.35); border-radius: 18px; background: rgba(255,255,255,0.05); text-align: center; color: #fff; font-family: 'Montserrat', sans-serif; }
.notify-card h3 { font-family: 'Cinzel', serif; font-size: clamp(1.1rem, 3.5vw, 1.35rem); margin-bottom: 8px; color: #fdb913; }
.notify-card > p { font-size: 0.92rem; line-height: 1.6; color: rgba(255,255,255,0.8); margin-bottom: 18px; }
.notify-form { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.notify-form input[type="text"], .notify-form input[type="email"] { flex: 1 1 180px; min-width: 0; padding: 14px 18px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.95); color: #002868; font: 600 0.95rem 'Montserrat', sans-serif; }
.notify-form input:focus { outline: 2px solid #fdb913; outline-offset: 2px; }
.notify-form button { flex: 1 1 100%; padding: 14px 28px; border: none; border-radius: 50px; background: #fdb913; color: #002868; font: 700 0.85rem 'Montserrat', sans-serif; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: 0.3s ease; }
.notify-form button:hover { background: #fff; }
.notify-form button:disabled { opacity: 0.6; cursor: wait; }
.notify-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.notify-status { min-height: 1.4em; margin-top: 12px; font-size: 0.9rem; font-weight: 600; }
.notify-status.ok { color: #fdb913; }
.notify-status.err { color: #ffb3b3; }
.notify-band { padding: 70px 20px; background: #002868; }