
body.hub-login{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;background:var(--gem-bg);color:var(--gem-fg1);font-family:var(--gem-font);padding:16px;box-sizing:border-box}
.hub-login-card{width:100%;max-width:380px;background:var(--gem-surface);border:1px solid var(--gem-border);border-radius:var(--gem-radius-lg);padding:24px;box-sizing:border-box}
.hub-login-card h1{font-size:20px;margin:0 0 4px}
.hub-login-sub{margin:0 0 16px;color:var(--gem-fg2);font-size:13px}
.hub-login-card form{display:flex;flex-direction:column;gap:6px}
.hub-login-card label{font-size:12px;font-weight:600;margin-top:6px}
.hub-login-card input{min-height:44px;padding:0 12px;border:1px solid var(--gem-border);border-radius:8px;font-size:14px;background:var(--gem-bg);color:inherit}
.hub-login-card input:focus-visible{outline:2px solid var(--gem-ring);outline-offset:2px}
.hub-login-card button{min-height:44px;margin-top:12px;cursor:pointer}
.hub-login-error{min-height:18px;margin:6px 0 0;color:var(--gem-critical);font-size:13px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
