body:has(.login){background:var(--ff-surface);margin:0}.login,.login *{box-sizing:border-box}.login{width:min(440px,100% - 32px);color:var(--ff-ink);border:1px solid var(--ff-line);background:#fff;border-radius:14px;margin:clamp(24px,10vh,96px) auto;font:16px/1.5 Avenir Next,Helvetica Neue,Arial,sans-serif;overflow:hidden;box-shadow:0 16px 48px #29123914}.login-brand{background:var(--ff-dark);border-bottom:3px solid #0000;border-image:var(--ff-gradient) 1;padding:30px clamp(22px,7vw,36px)}.login-brand img{width:min(100%,242px);height:auto;display:block}.login-content{padding:26px clamp(22px,7vw,36px) 32px}.login h1{margin:0 0 4px;font-size:28px;line-height:1.2}.login p{color:var(--ff-muted);margin:0 0 18px}.login label{margin:16px 0;font-size:14px;font-weight:600;display:block}.login input{border:1px solid var(--ff-control-line);width:100%;color:var(--ff-ink);font:inherit;border-radius:6px;margin-top:5px;padding:10px 12px;font-size:16px;font-weight:400;display:block}.login button{background:var(--ff-action);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:11px;font-weight:650}.login button:hover{background:var(--ff-action-hover)}.login :focus-visible{outline:2px solid var(--ff-violet);outline-offset:3px}.login .error{color:#8e2929;background:#fff0ef;padding:12px}.login .hint{margin:16px 0 0;font-size:13px}