.login-page{background:var(--canvas);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:min(420px,100%);padding:30px;box-shadow:0 14px 40px #1e392b12}.login-brand{color:var(--green);align-items:center;gap:11px;margin-bottom:36px;display:flex}.login-brand-mark{background:var(--green-soft);border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:var(--ink);font-size:14px}.login-brand small{color:var(--muted);margin-top:3px;font-size:11px}.login-heading h1{margin:7px 0 9px;font-size:25px}.login-heading p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.login-form{gap:16px;margin-top:26px;display:grid}.login-form label{gap:7px;display:grid}.login-form label>span{color:var(--muted);font-size:12px;font-weight:700}.login-form input{border:1px solid var(--line);background:var(--surface);width:100%;height:42px;color:var(--ink);font:inherit;border-radius:6px;outline:0;padding:0 12px}.login-form input:focus{border-color:#9abdaf;box-shadow:0 0 0 3px #e5f1eb}.login-error{color:#9e4134;background:#fff4f1;border:1px solid #efd0c9;border-radius:6px;margin:-2px 0 0;padding:10px 11px;font-size:12px;line-height:1.5}.login-submit{background:var(--green);color:#fff;height:42px;font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.login-submit:hover{background:#105542}.login-submit:disabled{cursor:wait;opacity:.65}.login-note{color:#83918a;margin:22px 0 0;font-size:11px;line-height:1.6}.login-spin{animation:1s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}