/* Entrada e cadastro seguem a linguagem visual da Home pública. */
html[data-brand-surface="auth"] {
  --auth-canvas: #0b0f12;
  --auth-surface: rgba(29,38,42,.88);
  --auth-panel: #202b30;
  --auth-inset: rgba(14,20,23,.72);
  --auth-text: #f5f8f7;
  --auth-muted: #bdc9c9;
  --auth-line: rgba(255,255,255,.17);
  --auth-accent: #ff794c;
  --auth-accent-hover: #f05c2d;
}
html[data-brand-surface="auth"][data-theme="light"] {
  color-scheme: light;
  --brand-bg: #fff;
  --brand-surface: #f4f6f7;
  --brand-inset: #fff;
  --brand-text: #1b292e;
  --brand-muted: #50636a;
  --brand-line: rgba(31,53,60,.18);
  --auth-canvas: #fff;
  --auth-surface: rgba(244,246,247,.9);
  --auth-panel: #edf1f2;
  --auth-inset: #fff;
  --auth-text: #1b292e;
  --auth-muted: #50636a;
  --auth-line: rgba(31,53,60,.18);
  --auth-accent: #bd390c;
  --auth-accent-hover: #9d2d08;
}
[data-brand-surface="auth"] body { background: var(--auth-canvas); }
[data-brand-surface="auth"] body::before { display: none; }
[data-brand-surface="auth"] #auth-container {
  width: min(1080px,100%);
  min-height: min(680px,calc(100dvh - 40px));
  border: 1px solid var(--auth-line);
  border-radius: 36px;
  background: var(--auth-surface);
  box-shadow: 0 30px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
  backdrop-filter: blur(24px) saturate(1.35);
  overflow: hidden;
}
[data-brand-surface="auth"] #auth-container .auth-home-link {
  top: 17px; left: 17px; border-color: var(--auth-line);
  border-radius: 18px; background: rgba(255,255,255,.08);
  color: var(--auth-text); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
[data-brand-surface="auth"] .form-box { padding-inline: clamp(25px,4vw,54px); }
[data-brand-surface="auth"] .form-box form { max-width: 420px; }
[data-brand-surface="auth"] .auth-page-eyebrow { display: block; margin-bottom: 10px; color: var(--auth-accent); font-size: .67rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
[data-brand-surface="auth"] #auth-container .form-box h1 { margin-bottom: 12px; font: 700 clamp(2.1rem,3.3vw,3.15rem)/1.12 "Segoe UI",system-ui,sans-serif; letter-spacing: -.035em; }
[data-brand-surface="auth"] .auth-form-copy { max-width: 37ch; margin-bottom: 24px; color: var(--auth-muted); font-size: .86rem; line-height: 1.55; }
[data-brand-surface="auth"] .auth-field label { color: var(--auth-text); font-size: .77rem; }
[data-brand-surface="auth"] #auth-container .input-box input { min-height: 52px; border: 1px solid var(--auth-line); border-radius: 19px; background: var(--auth-inset); color: var(--auth-text); }
[data-brand-surface="auth"] .input-box input:focus { border-color: var(--auth-accent); box-shadow: 0 0 0 3px rgba(255,121,76,.16); }
[data-brand-surface="auth"] #auth-container .btn { min-height: 52px; border-radius: 19px; background: #c83a0b; color: white; box-shadow: 0 10px 22px rgba(200,58,11,.21); }
[data-brand-surface="auth"] .btn:hover { background: #aa3008; }
[data-brand-surface="auth"] #auth-container .toggle-box {
  border-radius: 0 35px 35px 0;
  background: var(--auth-panel);
  border-left: 1px solid var(--auth-line);
}
[data-brand-surface="auth"] .toggle-panel { padding-inline: clamp(28px,4vw,52px); }
[data-brand-surface="auth"] #auth-container .toggle-panel h2 { font: 700 clamp(2rem,2.7vw,2.7rem)/1.16 "Segoe UI",system-ui,sans-serif; letter-spacing: -.035em; }
[data-brand-surface="auth"] #auth-container .toggle-panel p { max-width: 31ch; color: var(--auth-muted); font-size: .9rem; line-height: 1.55; }
[data-brand-surface="auth"] .auth-feature-list span { border: 1px solid rgba(255,255,255,.21); border-radius: 999px; background: rgba(255,255,255,.1); }
[data-brand-surface="auth"] #auth-container .auth-feature-list { color: var(--auth-muted); }
[data-brand-surface="auth"] #auth-container .verification-channel__options span { border-radius: 19px; }
[data-brand-surface="auth"] #auth-container .input-box input::placeholder { color: var(--auth-muted); opacity: .78; }
[data-brand-surface="auth"] #auth-container .input-box input:focus { background: var(--auth-inset); }
[data-brand-surface="auth"][data-theme="light"] #auth-container .auth-feature-list span { border-color: var(--auth-line); background: rgba(255,255,255,.6); }
[data-brand-surface="auth"] #auth-container .toggle-panel .btn { border: 1px solid var(--auth-line); border-radius: 19px; background: rgba(255,255,255,.1); color: var(--auth-text); box-shadow: none; }
[data-brand-surface="auth"] #auth-container.active .toggle-box { border-radius: 35px 0 0 35px; border-left: 0; border-right: 1px solid var(--auth-line); }
[data-brand-surface="auth"] .verification-channel__options label { border-radius: 15px; background: var(--auth-inset); }
[data-brand-surface="auth"] .alert { border-radius: 14px; }
[data-brand-surface="auth"] .forgot-link a { color: var(--auth-accent); }
[data-brand-surface="auth"] :is(.auth-verification-card,.invite-shell,.recovery-card) {
  border: 1px solid var(--auth-line);
  border-radius: 25px;
  background: var(--auth-surface);
  box-shadow: 0 25px 65px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.11);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  backdrop-filter: blur(22px) saturate(1.25);
}
[data-brand-surface="auth"] :is(.auth-verification-card,.invite-shell,.recovery-card) :is(input,button,.btn,.invite-button,.auth-secondary-button) { border-radius: 15px; }
[data-brand-surface="auth"] .invite-brand { border-radius: 24px 0 0 24px; }
[data-brand-surface="auth"] #auth-container :is(.form-box,.toggle-panel) {
  transform: translateX(0);
  opacity: 1;
  transition: transform 180ms var(--sports-ease), opacity 180ms var(--sports-ease);
}
[data-brand-surface="auth"] #auth-container[data-auth-motion="leave-login"] :is(.form-box.login,.toggle-left),
[data-brand-surface="auth"] #auth-container[data-auth-motion="enter-login"] :is(.form-box.login,.toggle-left) {
  transform: translateX(-12px);
  opacity: 0;
}
[data-brand-surface="auth"] #auth-container[data-auth-motion="leave-register"] :is(.form-box.register,.toggle-right),
[data-brand-surface="auth"] #auth-container[data-auth-motion="enter-register"] :is(.form-box.register,.toggle-right) {
  transform: translateX(12px);
  opacity: 0;
}
[data-brand-surface="auth"] #auth-container[data-auth-motion^="leave-"] :is(.form-box,.toggle-panel) { transition-duration: 100ms; }
[data-brand-surface="auth"] #auth-container[data-auth-motion^="enter-"] :is(.form-box,.toggle-panel) { transition: none; }
[data-brand-surface="auth"][data-reduce-motion="true"] #auth-container :is(.form-box,.toggle-panel) { transition: none; transform: none; }
/* O layout alterna display:none: animar a entrada torna a troca visível. */
@keyframes auth-enter-from-left { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: translateX(0); } }
@keyframes auth-enter-from-right { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }
[data-brand-surface="auth"] #auth-container:not(.active) :is(.form-box.login,.toggle-left) { animation: auth-enter-from-left 320ms var(--sports-ease) both; }
[data-brand-surface="auth"] #auth-container.active :is(.form-box.register,.toggle-right) { animation: auth-enter-from-right 320ms var(--sports-ease) both; }
@media (max-width: 768px) {
  [data-brand-surface="auth"] body { padding: 15px; padding-top: 58px; }
  [data-brand-surface="auth"] #auth-container { min-height: 0; height: auto; border-radius: 30px; background: rgba(31,43,48,.68); -webkit-backdrop-filter: blur(30px) saturate(1.45); backdrop-filter: blur(30px) saturate(1.45); }
  [data-brand-surface="auth"][data-theme="light"] #auth-container { background: rgba(238,242,243,.72); }
  [data-brand-surface="auth"] .form-box { padding: 29px 23px 25px; }
  [data-brand-surface="auth"] #auth-container .toggle-box,
  [data-brand-surface="auth"] #auth-container.active .toggle-box { border-radius: 0 0 29px 29px; border: 0; border-top: 1px solid var(--auth-line); background: rgba(39,52,58,.58); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
  [data-brand-surface="auth"][data-theme="light"] #auth-container .toggle-box,
  [data-brand-surface="auth"][data-theme="light"] #auth-container.active .toggle-box { background: rgba(255,255,255,.52); }
  [data-brand-surface="auth"] .toggle-panel { padding: 26px 24px; }
  [data-brand-surface="auth"] #auth-container .form-box h1 { font-size: clamp(2rem,8vw,2.7rem); }
  @keyframes auth-enter-mobile { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  [data-brand-surface="auth"] #auth-container:not(.active) :is(.form-box.login,.toggle-left),
  [data-brand-surface="auth"] #auth-container.active :is(.form-box.register,.toggle-right) { animation-name: auth-enter-mobile; }
}
@media (prefers-reduced-motion: reduce) {
  [data-brand-surface="auth"] #auth-container :is(.form-box.login,.form-box.register,.toggle-left,.toggle-right) { animation: none; }
}
[data-brand-surface="auth"][data-reduce-motion="true"] #auth-container :is(.form-box.login,.form-box.register,.toggle-left,.toggle-right) { animation: none; }