/* Shared introduction for OSGB login and registration pages. */
.osgb-login .osgb-login-intro {
    padding: 48px 42px;
    align-items: stretch;
    justify-content: center;
    background: linear-gradient(150deg, #fff8f2 0%, #f5f9fc 60%, #edf7f6 100%);
    border-right: 1px solid rgba(51, 65, 85, .07);
    text-align: left;
}
.osgb-login .osgb-login-intro::before { display: none; }
.osgb-login-eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 23px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #64748b;
}
.osgb-login-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #f97316; }
.osgb-login .osgb-login-intro h2 {
    margin: 0 0 17px;
    font-size: clamp(27px, 2.5vw, 36px);
    line-height: 1.24;
    font-weight: 800;
    letter-spacing: -1.2px;
    color: #243449;
}
.osgb-login .osgb-login-intro h2 > span { color: #e66b20; }
.osgb-login-description { max-width: 355px; margin: 0; font-size: 14px; line-height: 1.8; color: #64748b; }
.osgb-login-features { display: grid; gap: 13px; margin: 30px 0; }
.osgb-login-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 14px;
    box-shadow: 0 3px 12px rgba(39, 61, 82, .025);
}
.osgb-login-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 12px; font-size: 18px; }
.osgb-login-icon-orange { color: #d76c2c; background: #fff0e5; }
.osgb-login-icon-teal { color: #168577; background: #e5f5f0; }
.osgb-login-icon-blue { color: #427bb0; background: #eaf2fb; }
.osgb-login .osgb-login-feature h3 { margin: 0 0 4px; color: #334155; font-size: 13px; font-weight: 700; letter-spacing: 0; }
.osgb-login .osgb-login-feature p { margin: 0; font-size: 11px; line-height: 1.7; color: #64748b; }
.osgb-login-note { display: flex; align-items: center; gap: 9px; color: #6c7e89; font-size: 10px; line-height: 1.6; }
.osgb-login-note > span { flex: 0 0 18px; height: 1px; background: #9aafb3; }
@media (min-width: 992px) and (max-width: 1199px) {
    .osgb-login .osgb-login-intro { padding: 38px 28px; }
}

.osgb-login .register-size .osgb-login-intro {
    justify-content: flex-start;
    padding: 50px 30px;
}
.osgb-login .register-size .osgb-login-intro h2 { font-size: 29px; }