/* Signup-only mobile treatment; the desktop auth shell is unchanged. */
.signup-mobile-eyebrow, .signup-mobile-event { display: none; }
@media (max-width: 600px) {
    .auth-signup .auth-split {
        display: flex;
        flex-direction: column;
        min-height: 100svh;
        padding: 42px 8.8% 160px;
        background-color: #e8f3f8;
        background-image: linear-gradient(180deg, #d9f1f66b 0%, #f8fbfbed 24%, #f8fbfbeb 60%, #fff8e6d9 82%, transparent 94%), url('../img/login-bg.webp');
        background-size: 100% 100%, auto 100%;
        background-position: center, 28% bottom;
        background-repeat: no-repeat;
    }
    .auth-signup .auth-left-top, .auth-signup .auth-left-bottom {
        width: 100%; max-width: none; margin: 0; padding: 0;
    }
    .auth-signup .auth-logo-row { margin-bottom: 20px; }
    .auth-signup .auth-logo-row img { height: 42px; mix-blend-mode: multiply; }
    .auth-signup .auth-eyebrow, .auth-signup .auth-event-meta { display: none; }
    .auth-signup .signup-mobile-eyebrow { display: block; font-size: 10px; font-weight: 700; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #087a74; margin-bottom: 13px; }
    .auth-signup .auth-heading { margin-bottom: 12px; line-height: 1.13; }
    .auth-signup .auth-heading .line1 { font-size: clamp(25px, 6.3vw, 36px); }
    .auth-signup .auth-heading .line2 { font-size: clamp(27px, 6.9vw, 40px); color: #08776f; }
    .auth-signup .signup-mobile-event { display: grid; gap: 4px; margin-bottom: 10px; font-size: 12px; font-weight: 500; color: #0c2d55; line-height: 1.5; }
    .signup-mobile-event > div { display: flex; align-items: flex-start; gap: 7px; }
    .signup-mobile-event svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }
    .auth-signup .auth-lead { margin: 0 0 20px; font-size: 13px; line-height: 1.55; color: #5c6e88; }
    .auth-signup .auth-right { padding: 0; background: none; }
    .auth-signup .auth-card { max-width: none; padding: 18px 22px; border-radius: 17px; background: #fffffff5; box-shadow: 0 15px 40px #143b571c; }
    .auth-signup .auth-tabs { gap: 6px; margin-bottom: 14px; }
    .auth-signup .auth-tab { padding: 10px 8px; font-size: 14px; color: #087a74; }
    .auth-signup .auth-tab.active { background: #fff; border-color: #0b8c83; }
    .auth-signup .auth-tab:not(.active) { background: #def3f0; }
    .auth-signup .auth-card .field { margin-bottom: 12px; }
    .auth-signup .auth-card label { font-size: 13px; color: #0c2d55; }
    .auth-signup .auth-card .field-icon { width: 16px; height: 16px; color: #163258; }
    .auth-signup .auth-card input { min-height: 43px; padding: 10px 12px; font-size: 16px; border-radius: 14px; background: #f6f8fb; }
    .auth-signup .btn-block { min-height: 43px; padding: 10px 12px; background: linear-gradient(110deg,#087970,#12887e); font-size: 15px; }
    .auth-signup .auth-left-bottom { margin-top: 18px; text-align: center; }
    .auth-signup .auth-features { flex-wrap: nowrap; gap: 0; margin-bottom: 18px; }
    .auth-signup .auth-feature { padding: 0 5px; flex: 1; }
    .auth-signup .auth-feature + .auth-feature { border-color: #cbd7e2; }
    .auth-signup .feature-icon { width: 48px; height: 48px; border: 1px solid #fff; background: #edf2f7d9; margin-bottom: 6px; }
    .auth-signup .feature-label { font-size: 11px; color: #0c2d55; }
    .auth-signup .auth-footer-tag { padding-top: 9px; font-size: 9px; letter-spacing: .16em; color: #12365b; }
}