.login-layout { min-height: 620px; display: grid; grid-template-columns: 1fr minmax(360px, 480px); align-items: center; gap: clamp(3rem, 10vw, 9rem); }
.login-intro h1 { max-width: 660px; margin: .55rem 0 1rem; font-size: clamp(2.5rem, 5vw, 4.6rem); line-height: 1; letter-spacing: -.055em; font-weight: 790; }.login-intro > p { max-width: 580px; color: var(--muted); font-size: 1.08rem; margin-bottom: 2rem; }
.login-proof { display: flex; align-items: center; gap: .8rem; margin: .8rem 0; }.login-proof > span:first-child { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--aqua); font-weight: 800; }.login-proof strong, .login-proof small { display: block; }.login-proof small { color: var(--muted); }
.login-card { border-top: 5px solid var(--aqua); }.login-card h2 { font-size: 1.55rem; font-weight: 750; }
@media (max-width: 767.98px) { .login-layout { grid-template-columns: 1fr; min-height: auto; }.login-intro { display: none; } }