.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-card{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 12px 30px rgb(20 32 51/8%)}.login-title{margin:0;font-size:22px;letter-spacing:.02em}.login-lede{margin:0 0 8px;color:var(--muted);font-size:13px}.login-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.login-input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-family:var(--mono);font-size:14px}.login-input:focus-visible{border-color:var(--accent);outline:2px solid rgb(11 110 79/25%)}.login-button{margin-top:6px;padding:11px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.login-button:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.login-error{margin:4px 0 0;padding:8px 10px;border-left:3px solid var(--danger);border-radius:4px;background:rgb(163 59 44/8%);color:var(--danger);font-size:13px}