.login-page{background:var(--bg);place-items:center;min-height:100svh;padding:80px 22px;display:grid}.login-appearance{position:absolute;top:22px;right:26px}.login-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);width:100%;max-width:380px;padding:34px 30px 30px;box-shadow:0 12px 38px #00000005}.login-logo{object-fit:contain;margin:0 auto 20px;display:block}.login-panel h1{text-align:center;font-size:25px;font-weight:var(--weight-semibold);line-height:1.4}.login-description{text-align:center;font-size:var(--font-body);color:var(--secondary);margin:8px 0 30px}.login-form{gap:20px;display:grid}.login-field label{font-size:var(--font-body);margin-bottom:8px;display:block}.login-field input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--input);width:100%;height:46px;color:var(--text);outline:none;padding:10px 12px;font-size:16px}.login-field input:focus{border-color:var(--focus-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color) 12%,transparent)}.login-submit{width:100%;margin-top:4px}.login-error{color:#bd3049;font-size:var(--font-footnote);line-height:1.6}@media (max-width:360px){.login-panel{padding:28px 22px}}