.service-login{background:var(--canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.service-login-card{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);width:min(100%,420px);padding:40px 32px}.service-login-logo{letter-spacing:-3px;color:var(--nav);margin-bottom:32px;font-size:32px;font-weight:800}.service-login-logo span{color:var(--accent)}.service-login h1{letter-spacing:-.6px;margin:0 0 12px;font-size:24px;line-height:1.25}.service-login p{color:var(--muted);margin-bottom:24px;line-height:1.55}.service-login button{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:0;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 18px;font-weight:600;transition:background .12s;display:flex}.service-login button:hover{background:var(--accent-hover)}.service-login button:disabled{cursor:default;opacity:.55}.service-login button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.service-login small{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:24px;display:flex}.service-login .service-login-error{color:var(--danger);background:var(--surface)2f5;border-radius:8px;padding:12px}@media (prefers-reduced-motion:reduce){.service-login button{transition:none}}.oauth-access{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);gap:12px;margin-bottom:20px;padding:16px;font-size:14px;line-height:1.5;display:flex}.oauth-access svg{color:var(--accent);flex-shrink:0}.oauth-destination{overflow-wrap:anywhere;font-size:12px}.service-login button.oauth-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);justify-content:center;gap:8px;margin-top:10px}.service-login button.oauth-secondary:hover{background:var(--canvas)}.oauth-connection{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-bottom:16px;padding:16px 0}.oauth-spinner{vertical-align:middle;animation:1s linear infinite oauth-spin;display:inline-block}@keyframes oauth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.oauth-spinner{animation:none}}