.login-intro { position: relative; overflow: hidden; isolation: isolate; }
.login-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.login-intro-overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(9, 39, 63, .96) 0%, rgba(13, 77, 88, .85) 46%, rgba(12, 74, 85, .18) 100%); }
.login-intro-content { display: grid; align-content: center; gap: 1rem; min-height: 100%; }
.login-intro-content .login-mark { margin-bottom: .2rem; }
.login-intro-content .eyebrow { color: #d2f4ec; }
.login-intro-content .login-points { padding: .9rem 1rem; border: 1px solid rgba(220, 255, 248, .2); border-radius: 14px; background: rgba(7, 42, 56, .3); backdrop-filter: blur(7px); }
@media (max-width: 900px) { .login-intro { min-height: 360px; } .login-intro-overlay { background: linear-gradient(90deg, rgba(9, 39, 63, .92), rgba(13, 77, 88, .52)); } }