.login{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 12% 8%,var(--accent-soft),transparent 50%),var(--bg)}
.login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;width:min(440px,100%);display:grid;gap:16px}
.login-brand{display:grid;gap:8px;justify-items:start}
.login-brand .logo{width:min(320px,100%);height:auto;margin-bottom:10px}
.login-brand .sub{margin:0;color:var(--muted);font-weight:600;display:flex;gap:8px;align-items:center}
.login-card{border-top:4px solid var(--brand)}
.login-brand h1{font-size:28px}
.login-brand p{margin:0}
.ms-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:var(--accent-fg);text-decoration:none;font-weight:700;border-radius:999px;padding:12px 16px;font-size:15px}
.ms-btn:hover{opacity:.92}
.ms-btn svg{width:20px;height:20px}
.ms-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.small{font-size:12.5px;margin:0}
details summary{cursor:pointer;color:var(--muted);font-size:13px}
.local-form{display:grid;gap:10px;margin-top:10px}
.dev{display:grid;gap:4px;font-size:13px;border-top:1px dashed var(--line);padding-top:12px}