/* Страница входа: та же дизайн-система, одна карточка по центру. */
.login-body{min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,var(--red-soft),transparent 70%),var(--bg)}
.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 16px}
.login-card{width:min(440px,100%);padding:32px 32px 28px;box-shadow:var(--shadow-md);border-radius:28px}
.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.login-mark{width:56px;height:56px;flex-basis:56px}
.login-brand h1{font:600 19px/1.25 var(--display);letter-spacing:-.02em}
.login-brand p{font-size:13.5px;color:var(--mut);margin-top:3px}
.login-form{display:flex;flex-direction:column;gap:16px}
.login-form h2{font:600 24px/1.2 var(--display);letter-spacing:-.025em;margin-bottom:2px}
.pw-wrap{position:relative}
.pw-wrap .inp{padding-right:48px}
.pw-eye{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:none;border-radius:10px;color:var(--mut);display:grid;place-items:center}
.pw-eye:hover{background:var(--sunk);color:var(--ink)}
.pw-eye[aria-pressed=true]{color:var(--blue)}
.login-btn{width:100%;height:48px;font-size:15px;margin-top:4px}
.login-btn[disabled]{opacity:.7;cursor:progress}
.login-hint{line-height:1.5}
.login-theme{width:auto}
@media (max-width:480px){.login-card{padding:24px 18px 22px;border-radius:22px}.login-brand h1{font-size:17px}}