.auth-page .auth-shell{width:min(680px,100%);min-height:0;margin:32px auto;padding:32px 32px 36px;border-radius:28px}
.auth-page .auth-shell h1{font-size:36px;line-height:1.2;margin-top:24px;letter-spacing:-.7px}
.auth-page .auth-providers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.auth-page .auth-provider{position:relative;justify-content:center;min-width:0;min-height:64px;padding:16px 54px;border-radius:16px;text-align:center;font-size:18px;line-height:24px}
.auth-page .auth-provider img,.auth-page .auth-provider-symbol{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:28px;height:28px}
.auth-page .auth-provider-label{min-width:0;overflow-wrap:anywhere}
.auth-provider.mail{background:#0077ff}
.auth-provider.ok{background:#ff7700;color:#321600}
.auth-provider-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}
.auth-provider.mail .auth-provider-symbol{color:#fff;font-size:30px}
.auth-page .auth-help{margin-top:28px;padding:20px 24px;background:var(--ux-soft);border-radius:16px;color:var(--ux-brand-text);font-size:15px;line-height:1.6}
.auth-page .auth-unavailable{grid-column:1/-1}
@media(max-width:680px){
  .auth-page .auth-shell{margin:16px auto;padding:24px;border-radius:22px}
  .auth-page .auth-shell h1{font-size:28px;letter-spacing:-.3px;margin-top:20px}
  .auth-page .auth-providers{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .auth-page .auth-provider{min-height:58px;font-size:17px}
  .auth-page .auth-help{padding:16px;font-size:14px;margin-top:24px}
}
@media(max-width:420px){
  body.auth-page{padding:0 14px 24px}
  .auth-page .auth-shell{padding:22px 18px}
}