.login-shell{width:min(100% - 40px,460px);margin:0 auto;padding:clamp(64px,13vh,144px) 0 40px}
.login-shell>.brand{margin:0 0 32px 4px}
.login-panel{padding:36px}
.login-panel h1{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:9px 0 12px;font-weight:550}
.login-panel .subtitle{line-height:1.8;margin-bottom:30px}
.login-panel label{display:block;font-size:13px;font-weight:550;margin-bottom:10px}
.login-panel input{box-sizing:border-box;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--bg);font:inherit;outline:none}
.login-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.login-panel .button{width:100%;justify-content:space-between;margin-top:18px;height:46px}
.login-error{font-size:13px;color:var(--warn);margin:12px 0 0;line-height:1.6}
.login-note,.login-footer{font-size:12px;color:var(--muted);line-height:1.8}
.login-note{margin:22px 0 0}.login-footer{text-align:center;margin:24px 0 0}
@media(max-width:480px){.login-shell{width:calc(100% - 32px);padding-top:64px}.login-panel{padding:28px 24px}.login-panel h1{font-size:28px}}