.login-layout{max-width:1040px;margin:32px auto 64px;display:grid;grid-template-columns:1fr 440px;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.login-intro{padding:55px 50px;background:linear-gradient(145deg,var(--primary-dark),var(--primary));color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:460px}
.login-intro-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.17);margin-bottom:30px}
.login-intro-icon .material-icons{font-size:28px}
.login-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin:0 0 10px}
.login-intro h1{font-size:34px;line-height:1.16;margin:0 0 16px}
.login-intro>p:last-child{max-width:390px;line-height:1.65;opacity:.9;margin:0}
.login-card{padding:52px 42px;display:flex;flex-direction:column;justify-content:center}
.login-card h2{font-size:27px;margin:0 0 6px}
.login-subtitle{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 27px}
.login-card label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}
.login-card input,.login-card select{display:block;width:100%;height:45px;border:1px solid #d4dce6;border-radius:10px;background:#fff;color:var(--text);padding:0 13px;box-shadow:none;outline:none}
.login-card input:focus,.login-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--soft)}
.login-submit{width:100%;margin-top:25px;min-height:46px}
.login-action{display:inline-flex;align-items:center;justify-content:center}
.login-error{padding:12px 14px;border-radius:10px;background:#fff0ee;color:#9b3026;font-size:13px;line-height:1.45}
.login-success{padding:12px 14px;border-radius:10px;background:#eaf7ee;color:#1d703a;font-size:13px;line-height:1.45}
.login-forgot{display:block;margin-top:10px;text-align:right;color:var(--primary);font-size:13px;font-weight:700}
.login-forgot:hover,.login-reset:hover{text-decoration:underline}
.login-reset{display:block;text-align:center;margin-top:17px;color:var(--primary);font-size:13px;font-weight:700}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;max-width:520px;margin-top:8px}.login-intro{min-height:0;padding:30px 32px}.login-intro-icon{margin-bottom:15px}.login-intro h1{font-size:26px}.login-card{padding:32px}}