.auth-panel.auth-branded {
  --auth-text: var(--text, #f3f5fb);
  --auth-muted: var(--muted-bright, #aab4c7);
  --auth-line: var(--line, #ffffff1c);
  --auth-soft: var(--control-bg, #ffffff06);
  --auth-active: var(--control-active, #ffffff0e);
  position: relative;
  display: grid;
  gap: 22px;
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  padding: 8px;
  color: var(--auth-text);
  text-align: left;
  font-size: 14px;
  line-height: 1.55;
}
.auth-panel.auth-branded, .auth-panel.auth-branded * { box-sizing: border-box; }
.auth-panel.auth-branded [hidden] { display: none !important; }
.auth-panel.auth-branded h2 { margin: 0; font-size: clamp(27px, 4vw, 34px); line-height: 1.2; font-weight: 600; letter-spacing: -.045em; }
.auth-panel.auth-branded p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.auth-panel.auth-branded button { font: inherit; cursor: pointer; transition: background .18s, border-color .18s, box-shadow .18s; }
.auth-panel.auth-branded button:disabled { cursor: default; opacity: .45; }
.auth-panel.auth-branded button:focus-visible, .auth-panel.auth-branded input:focus-visible { outline: 2px solid var(--cyan, #8de8e9); outline-offset: 4px; }
.auth-panel.auth-branded .auth-brand-providers { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; border: 1px solid var(--auth-line); border-radius: 18px; background: var(--auth-soft); }
.auth-panel.auth-branded .auth-brand-providers > button { margin: 0; }
.auth-panel.auth-branded .auth-brand-email, .auth-panel.auth-branded .auth-brand-google { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 10px 15px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: var(--auth-muted); }
.auth-panel.auth-branded .auth-brand-email { order: 1; }
.auth-panel.auth-branded .auth-brand-google { order: 2; }
.auth-panel.auth-branded .auth-brand-providers > button[aria-pressed="true"] { border-color: var(--auth-line); background: var(--auth-active); color: var(--auth-text); box-shadow: 0 2px 8px #0000000a; }
.auth-panel.auth-branded .auth-brand-email::before, .auth-panel.auth-branded .auth-brand-google::before { content: ''; flex: 0 0 18px; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.auth-panel.auth-branded .auth-brand-email::before { background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m4 7 8 6 8-6' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.auth-panel.auth-branded .auth-brand-google::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M21.6 12.23c0-.71-.06-1.39-.18-2.05H12v3.88h5.38a4.6 4.6 0 0 1-2 3.02v2.51h3.24c1.9-1.75 2.98-4.33 2.98-7.36Z'/%3E%3Cpath fill='%2334A853' d='M12 22c2.7 0 4.96-.9 6.62-2.41l-3.24-2.51c-.9.6-2.05.96-3.38.96-2.6 0-4.81-1.76-5.6-4.12H3.06v2.59A10 10 0 0 0 12 22Z'/%3E%3Cpath fill='%23FBBC05' d='M6.4 13.92a6 6 0 0 1 0-3.84V7.49H3.06a10 10 0 0 0 0 9.02l3.34-2.59Z'/%3E%3Cpath fill='%23EA4335' d='M12 5.96c1.47 0 2.79.51 3.83 1.52L18.7 4.6A9.6 9.6 0 0 0 12 2a10 10 0 0 0-8.94 5.49l3.34 2.59C7.19 7.72 9.4 5.96 12 5.96Z'/%3E%3C/svg%3E"); }
.auth-panel.auth-branded .auth-brand-mode { order: 3; grid-column: 1 / -1; min-height: 44px; margin-top: 3px !important; border: 0; border-top: 1px solid var(--auth-line); border-radius: 0 0 12px 12px; background: transparent; color: var(--auth-text); font-size: 13px; }
.auth-panel.auth-branded form { display: grid; gap: 20px; margin: 0; }
.auth-panel.auth-branded .auth-brand-guidance { color: var(--auth-muted); font-size: 12px; line-height: 1.65; }
.auth-panel.auth-branded .auth-brand-email-label { display: grid; gap: 9px; color: var(--auth-muted); font-size: 13px; font-weight: 500; }
.auth-panel.auth-branded input[type="email"] { width: 100%; min-height: 54px; padding: 14px 16px; border: 1px solid var(--auth-line); border-radius: 14px; background: var(--field-bg, #080b1266); color: var(--auth-text); font: inherit; font-size: 16px; font-weight: 400; box-shadow: inset 0 1px 2px #00000005; }
.auth-panel.auth-branded input[type="email"]:focus { border-color: var(--lilac, #bba5f4); }
.auth-panel.auth-branded .auth-brand-submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 54px; padding: 14px 20px; border: 1px solid transparent; border-radius: 15px; background: var(--button-bg, #edf2ff); color: var(--button-text, #172137); font-weight: 600; box-shadow: 0 4px 16px #0000000a; }
.auth-panel.auth-branded .auth-brand-submit::after { content: '↗'; font-size: 19px; font-weight: 400; line-height: 1; }
.auth-panel.auth-branded .auth-brand-submit:not(:disabled):hover { box-shadow: 0 5px 24px #8a7ad522; }
.auth-panel.auth-branded .auth-brand-legal { display: grid; gap: 14px; color: var(--auth-muted); font-size: 12px; }
.auth-panel.auth-branded .auth-brand-read, .auth-panel.auth-branded .auth-brand-secondary { min-height: 44px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: var(--auth-muted); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--auth-line); text-align: left; }
.auth-panel.auth-branded .auth-brand-read { justify-self: start; }
.auth-panel.auth-branded .auth-brand-consent { display: flex; align-items: flex-start; gap: 11px; font-size: 12px; line-height: 1.6; cursor: pointer; }
.auth-panel.auth-branded input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; margin: 1px 0 0; padding: 0; border-radius: 5px; accent-color: var(--lilac, #bba5f4); }
.auth-panel.auth-branded .auth-brand-documents { max-height: 260px; overflow: auto; overscroll-behavior: contain; padding: 16px; border: 1px solid var(--auth-line); border-radius: 14px; background: var(--auth-soft); font-size: 12px; }
.auth-panel.auth-branded .auth-brand-documents h3 { margin: 0 0 8px; color: var(--auth-text); font-size: 14px; }
.auth-panel.auth-branded .auth-brand-documents p + h3 { margin-top: 22px; }
.auth-panel.auth-branded > [role="status"] { display: none; }
.auth-panel.auth-branded > .auth-brand-status-visible { display: block; padding: 13px 15px; border: 1px solid var(--auth-line); border-radius: 13px; background: var(--auth-soft); color: var(--auth-muted); font-size: 13px; line-height: 1.6; }
.auth-panel.auth-branded > [data-tone="attention"] { border-inline-start: 3px solid var(--lilac, #bba5f4); }
.auth-panel.auth-branded > [data-tone="success"] { border-inline-start: 3px solid var(--cyan, #8de8e9); }
@media (hover: hover) { .auth-panel.auth-branded .auth-brand-providers > button:not(:disabled):hover { background: var(--auth-active); color: var(--auth-text); } }
@media (max-width: 420px) { .auth-panel.auth-branded { gap: 18px; padding: 0; } .auth-panel.auth-branded .auth-brand-providers { border-radius: 16px; } }
@media (prefers-reduced-motion: reduce) { .auth-panel.auth-branded button { transition: none; } }