.login-hero{background:linear-gradient(135deg,#f8fbff 0%,#edf5fc 58%,#fff 100%)}
.login-shell{padding:66px 0 82px;background:#f5f8fc}
.login-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px;align-items:center}
.login-intro h1{margin:0;color:var(--blue-dark);font-size:52px;line-height:1.04;letter-spacing:-.04em}
.login-intro>p{color:#45617d;font-size:19px;font-weight:650;max-width:570px}
.login-benefits{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none}
.login-benefits li{position:relative;padding-left:34px;color:var(--blue-dark);font-weight:850}
.login-benefits li:before{content:"✓";position:absolute;left:0;top:-2px;color:var(--red);font-size:21px;font-weight:1000}
.login-card{background:#fff;border:1px solid rgba(10,55,104,.1);border-radius:26px;padding:34px;box-shadow:0 24px 60px rgba(4,31,63,.14)}
.login-card-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}
.login-card-top h2{margin:0;color:var(--blue-dark);font-size:30px}
.login-status{display:inline-flex;border-radius:99px;background:#edf4fb;color:var(--blue);padding:7px 11px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.login-note{margin:0 0 22px;padding:15px 17px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:#fff5f6;color:#6b4150;font-weight:700}
.login-form{display:grid;gap:10px}
.login-form label{color:var(--blue-dark);font-size:14px;font-weight:900}
.login-form input{width:100%;min-height:54px;border:2px solid #d4dfeb;border-radius:12px;background:#f7f9fc;color:#6c7d8f;padding:0 15px;font:inherit}
.login-form input:disabled{opacity:1;cursor:not-allowed}
.login-form button{min-height:54px;margin-top:8px;border:0;border-radius:12px;background:#d9e2eb;color:#758596;font-weight:950;cursor:not-allowed}
.login-help{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:17px;padding-top:17px;border-top:1px solid var(--line);color:#647990;font-size:13px;font-weight:750}
.login-help a{color:var(--blue);font-weight:900}
.login-register{margin-top:24px;text-align:center;color:#586f87;font-weight:700}
.login-register .button{margin-top:10px}
@media (max-width:900px){.login-layout{grid-template-columns:1fr}.login-intro h1{font-size:44px}.login-card{max-width:680px}}
@media (max-width:680px){.login-shell{padding:42px 0 64px}.login-layout{gap:30px}.login-intro h1{font-size:36px}.login-intro>p{font-size:17px}.login-card{padding:24px 19px;border-radius:21px}.login-card-top{align-items:flex-start;flex-direction:column}.login-card-top h2{font-size:27px}}