/* Keep decorative glows inside the authentication section. */
html.dp-public .auth-section{position:relative;isolation:isolate;overflow:clip}
html.dp-public .auth-grid,html.dp-public .auth-card-wrapper,html.dp-public .auth-motivation{min-width:0}
html.dp-public .auth-section :is(.bg-glow-1,.bg-glow-2){pointer-events:none;max-width:100%}
@media(max-width:767px){
  html.dp-public .auth-section{padding:24px 0 32px;min-height:0}
  html.dp-public .auth-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
  html.dp-public .auth-card-wrapper{order:-1;width:100%;max-width:440px;margin:0 auto;align-self:start}
  html.dp-public .auth-card{width:100%;max-width:100%;box-sizing:border-box;padding:24px 20px;border-radius:20px}
  html.dp-public .auth-bonus-tag{position:static;transform:none;max-width:100%;width:fit-content;margin:0 auto 12px;white-space:normal;text-align:center}
  html.dp-public .auth-card :is(input:not([type=hidden]):not([type=checkbox]),select,textarea){max-width:100%;min-width:0;font-size:16px;box-sizing:border-box}
  html.dp-public .auth-card :is(input:not([type=hidden]):not([type=checkbox]),button,.btn-custom){min-height:44px}
  html.dp-public .auth-card h4{font-size:22px;line-height:1.25;overflow-wrap:anywhere}
  html.dp-public .auth-card p{font-size:14px;line-height:1.5}
  html.dp-public .auth-card .block-social-auth-list{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
  html.dp-public .auth-motivation{order:1;text-align:center;padding:0 8px}
  html.dp-public .auth-motivation h1{font-size:28px;line-height:1.2;margin:0 0 16px}
  html.dp-public .auth-motivation>p{font-size:14px;line-height:1.55;margin:0 0 24px}
  html.dp-public .auth-motivation .benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  html.dp-public .auth-motivation .benefit-item{min-width:0;flex-direction:column;align-items:center;gap:10px}
  html.dp-public .auth-motivation .benefit-text h3{font-size:14px;line-height:1.3}
  html.dp-public .auth-motivation .benefit-text p{font-size:12px;line-height:1.45}
  html.dp-public .auth-section :is(.bg-glow-1,.bg-glow-2){display:none}
}
@media(max-width:359px){html.dp-public .auth-card{padding:20px 16px}html.dp-public .auth-card h4{font-size:20px}}