/* ONESEA Solutions — "Apply Now" modal (Onboard Life). Form field styles
   are shared with the Contact page, in assets/css/forms.css (.cf-form). */
.os-apply { position: fixed; inset: 0; z-index: 2100; display: flex; align-items: flex-start; justify-content: center; padding: 40px 24px; background: rgba(0,20,45,0.55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); overflow-y: auto; animation: os-apply-in .22s ease; }
/* the author display:flex rule above outranks the UA [hidden] rule — restore it */
.os-apply[hidden] { display: none !important; }
@keyframes os-apply-in { from { opacity: 0; } to { opacity: 1; } }
.os-apply__card { position: relative; box-sizing: border-box; width: 100%; max-width: 720px; background: #fff; border-radius: 18px; padding: 44px 44px 48px; box-shadow: 0 30px 70px rgba(0,20,45,0.4); }
.os-apply__close { position: absolute; top: 16px; right: 18px; width: 44px; height: 44px; border: 0; background: transparent; font-size: 28px; line-height: 1; color: #8a949c; cursor: pointer; border-radius: 10px; }
.os-apply__close:hover { background: #f5f7f9; color: var(--onesea-navy); }

@media (max-width: 640px) {
  .os-apply { padding: 20px 14px; }
  .os-apply__card { padding: 40px 22px 30px; border-radius: 14px; }
}