.graphic-auth-load-state{
  display:flex;
  align-items:center;
  gap:18px;
  max-width:720px;
  margin:clamp(28px,8vh,86px) auto;
  padding:22px;
  border:1px solid #bfdbfe;
  border-radius:18px;
  background:#f8fbff;
  box-shadow:0 12px 30px rgba(15,35,65,.08);
}
.graphic-auth-load-state .eyebrow{margin:0 0 4px;color:#2563a8;font-size:11px;font-weight:900;letter-spacing:.12em}
.graphic-auth-load-state h2{margin:0 0 5px;font-size:20px}
.graphic-auth-load-state p{margin:0;color:#607086;line-height:1.55}
.graphic-auth-load-state button{margin-top:14px}
.graphic-auth-load-state.error{border-color:#fecaca;background:#fff7f7}
.graphic-auth-load-spinner{width:34px;height:34px;flex:0 0 auto;border:4px solid #dbeafe;border-top-color:#2563a8;border-radius:50%;animation:graphic-auth-load-spin .8s linear infinite}
@keyframes graphic-auth-load-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){.graphic-auth-load-state{align-items:flex-start;margin:22px 14px;padding:18px}.graphic-auth-load-state h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.graphic-auth-load-spinner{animation:none;border-color:#2563a8}}