body:has(.login-wrap) .main{width:100%;margin:0}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}@supports (min-height:100dvh){.login-wrap{min-height:100dvh}}.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:hover:not(:disabled){background:var(--accent-hover)}.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}