body[data-momentum-module=auth]{min-height:100vh;display:grid;place-items:center;margin:0;padding:clamp(16px,5vw,64px);box-sizing:border-box}
body[data-momentum-module=auth] main{width:min(100%,680px);box-sizing:border-box;background:var(--momentum-surface);border:1px solid var(--momentum-border);border-radius:var(--momentum-radius);padding:clamp(24px,5vw,48px)}
body[data-momentum-module=auth] .auth-logo{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 24px}
body[data-momentum-module=auth] h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:0 0 20px}
body[data-momentum-module=auth] h2{font-size:22px;margin-top:32px}
body[data-momentum-module=auth] p{line-height:1.65;color:var(--momentum-muted);overflow-wrap:anywhere}
body[data-momentum-module=auth] form{display:grid;gap:16px;margin-top:24px}
body[data-momentum-module=auth] label{display:grid;gap:8px;font-size:14px}
body[data-momentum-module=auth] :is(input,select,button){font-size:16px;min-height:44px;padding:10px 14px;border:1px solid var(--momentum-border);box-sizing:border-box;max-width:100%}
body[data-momentum-module=auth] button{cursor:pointer}
body[data-momentum-module=auth] a{color:var(--momentum-primary)}
body[data-momentum-module=auth] .auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
body[data-momentum-module=auth] #message{min-height:24px}
/* Google's sign-in control uses its own documented brand colors. */
body[data-momentum-module=auth] .google-signin{justify-self:start;background:transparent!important;border:0!important;border-radius:4px!important;min-height:44px;width:198px;padding:0!important;line-height:0;box-shadow:none}
body[data-momentum-module=auth] .google-signin img{display:block;width:100%;height:auto}