/* Acesso centralizado com disponibilidade de cada provedor confirmada pela API. */
.auth-trial-note{text-align:center;color:#a9c7d4;font-size:12px;line-height:1.6;margin:20px 0 0}
body:is([data-page="login"],[data-page="signup"]){min-height:100vh;background:#080f19;color:#f4f8fb;font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif}
body:is([data-page="login"],[data-page="signup"])::before{display:none}
body:is([data-page="login"],[data-page="signup"]) .site-header{position:absolute;top:0;right:0;z-index:10;display:flex;width:auto;height:auto;padding:22px 30px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
body:is([data-page="login"],[data-page="signup"]) .site-header>.brand,
body:is([data-page="login"],[data-page="signup"]) .site-nav,
body:is([data-page="login"],[data-page="signup"]) .site-actions>a,
body:is([data-page="login"],[data-page="signup"]) .menu-toggle,
body:is([data-page="login"],[data-page="signup"]) #site-footer{display:none}
body:is([data-page="login"],[data-page="signup"]) .site-actions{margin:0}
body:is([data-page="login"],[data-page="signup"]) .site-actions .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:is([data-page="login"],[data-page="signup"]) .lang-select{height:34px;padding:5px 9px;border:1px solid #253748;border-radius:8px;background:#101a27;color:#adc3d1;font-size:11px;font-weight:700}
.auth-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100svh;padding:76px 20px 40px;overflow:hidden;background:radial-gradient(ellipse 680px 430px at 49% 40%,#102434 0,transparent 77%),radial-gradient(ellipse 690px 490px at 82% 100%,#091f2c 0,transparent 72%),#080f19}
.auth-layout::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.31;background-image:radial-gradient(#426075 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent 2%,#000 36%,transparent 100%)}
.auth-shell{width:min(100%,460px);justify-self:center}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;margin:0 auto 28px;color:#f5fbfd;font-size:23px;font-weight:760;letter-spacing:-.045em;line-height:1}
.auth-brand:hover{color:#fff}
.auth-logo{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #34e5cc88;border-radius:12px;background:linear-gradient(135deg,#37eddb,#0eb8d5);box-shadow:0 9px 24px #0cc8cd23;color:#04262e}
.auth-logo svg{display:block;width:29px;height:29px}
.auth-card{width:100%;padding:34px 36px 29px;border:1px solid #2c4152;border-radius:22px;background:linear-gradient(157deg,#151d2a 0%,#101823 55%,#0e1621 100%);box-shadow:0 26px 75px #0008,0 1px #ffffff0d inset}
.auth-card-head{text-align:center}
.auth-eyebrow{color:#31d8c8;font-size:10px;font-weight:800;letter-spacing:.15em}
.auth-card h1{margin:9px 0 8px;color:#f5f8fc;font-family:inherit;font-size:29px;font-weight:730;line-height:1.18;letter-spacing:-.045em}
.auth-card-head p{max-width:31ch;margin:0 auto;color:#a9bcc9;font-size:13px;line-height:1.48}
.provider-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin-top:29px}
.provider-grid button.provider-button{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:54px;padding:9px 84px 9px 16px;border:1px solid transparent;border-radius:10px;color:#07120b;font:750 14px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.015em;text-align:center;box-shadow:0 7px 21px #0004;opacity:1!important;cursor:not-allowed}
.provider-button .brand-icon{width:21px;height:21px;flex:none;fill:currentColor}
.provider-grid button.provider-ready{cursor:pointer;padding-right:16px}
.provider-grid button.provider-ready:hover{filter:brightness(1.08);transform:translateY(-1px)}
.provider-soon[hidden]{display:none}
.auth-setup-link{display:block;margin:12px auto 0;text-align:center;font-size:12px;color:#57e4d0}
.provider-grid button.provider-kick{background:linear-gradient(100deg,#65fb21,#26d60e);border-color:#86ff51;box-shadow:0 7px 22px #49f51a24}
.provider-grid button.provider-twitch{background:linear-gradient(100deg,#9b50ff,#7d35d9);border-color:#b177ff;color:#fff;box-shadow:0 7px 22px #9146ff2e}
.provider-soon{position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:4px 6px;border:1px solid currentColor;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.02em;opacity:.73;white-space:nowrap}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 13px;color:#7f96a5;font-size:11px;font-weight:600;white-space:nowrap}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:#2a3b49}
.auth-email{border:1px solid #293e4e;border-radius:9px;background:#111f2c}
.auth-email summary{position:relative;padding:12px 16px;color:#d7e8ef;font-size:12px;font-weight:650;text-align:center;list-style:none;cursor:pointer}
.auth-email summary::-webkit-details-marker{display:none}
.auth-email summary::after{content:"⌄";position:absolute;right:16px;top:7px;color:#99b5c6;font-size:19px;transition:transform .18s ease}
.auth-email[open] summary::after{transform:rotate(180deg)}
.auth-email summary:hover{color:#fff}
.auth-form{display:grid;gap:7px;margin:0;padding:0 16px 17px;border-top:1px solid #293e4e}
.auth-form label{margin-top:11px;color:#bed1dc;font-size:11px;font-weight:700}
.auth-form input{width:100%;height:42px;padding:0 12px;border:1px solid #304c60;border-radius:7px;background:#0c1823;color:#e9f5fa;font:500 12px Inter,"Segoe UI",Arial,sans-serif;opacity:1!important}
.auth-form input::placeholder{color:#7892a4}
.auth-email-submit{min-height:42px;margin-top:11px;border:1px solid #356273;border-radius:7px;background:#1c4955;color:#bce4e9;font-size:12px;font-weight:700;opacity:1!important;cursor:not-allowed}
.auth-state{display:flex;align-items:flex-start;gap:8px;margin:19px 0 0;padding:11px 12px;border:1px solid #2b4653;border-radius:8px;background:#112734;color:#a9c7d4;font-size:11px;line-height:1.4}
.auth-state-dot{width:7px;height:7px;flex:none;margin-top:4px;border-radius:50%;background:#73c7ce;box-shadow:0 0 0 3px #73c7ce20}
.auth-links{display:flex;flex-direction:row;justify-content:center;gap:5px;margin-top:22px;color:#a2b4c1;font-size:12px}
.auth-links a{color:#48e5cf;font-weight:700}
.auth-links a:hover,.auth-bottom a:hover{text-decoration:underline}
.auth-bottom{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:23px;color:#8299aa;font-size:11px}
.auth-bottom a{color:#b6d7e2;font-weight:700}
body:is([data-page="login"],[data-page="signup"]) :is(.auth-brand,.auth-links a,.auth-bottom a,.auth-email summary):focus-visible{outline:2px solid #73e9ca;outline-offset:3px}
@media(max-width:520px){body:is([data-page="login"],[data-page="signup"]) .site-header{padding:15px 17px}.auth-layout{padding:78px 16px 30px}.auth-brand{margin-bottom:23px;font-size:21px}.auth-logo{width:40px;height:40px}.auth-card{padding:29px 20px 25px;border-radius:18px}.auth-card h1{font-size:26px}.provider-grid button.provider-button{min-height:52px;padding-right:74px;font-size:13px}.provider-soon{right:8px;font-size:8px}.auth-bottom{flex-wrap:wrap}}
@media(max-width:360px){.auth-card{padding-right:15px;padding-left:15px}.provider-grid button.provider-button{font-size:12px}.auth-links{font-size:11px}}

.provider-grid button.provider-button{padding-left:16px;padding-right:16px}.provider-grid button[aria-busy=true]{cursor:progress}.auth-retry{display:block;margin:12px auto 0;background:transparent;border:1px solid #426575;color:#bde9df;padding:10px 16px;border-radius:8px;cursor:pointer}.auth-retry[hidden]{display:none}.auth-card{box-shadow:0 20px 80px #0003}.auth-card-head h1{font-size:32px}.auth-trial-note{font-size:12px;color:#aac6cb;line-height:1.7;text-align:center;margin:22px 0 0}