/* Login e cadastro: estilos exclusivos, sem alterar a base das plataformas. */
body.auth-page{min-height:100vh;background:radial-gradient(ellipse at 50% 25%,#00ff9f08,transparent 60%),var(--bg)}
.auth-page .auth-header{position:relative;backdrop-filter:none}
.auth-page .auth-header .header-inner{gap:24px;flex-wrap:nowrap}
.auth-page .auth-back{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;padding:10px 18px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}
.auth-page .auth-back:hover{background:var(--panel);border-color:#40516a}
.auth-page .wrapper{min-height:calc(100vh - 91px);display:flex;align-items:center;justify-content:center;padding:56px 24px}
.auth-page .container-fluid.user-auth{width:100%;max-width:490px;margin-inline:auto}
.auth-page .container-fluid.user-auth>div{width:100%;min-width:0}
.auth-page .form-container{width:100%;padding:36px 40px;background:linear-gradient(145deg,#142031,var(--panel));border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 65px #0003}
.auth-page .row.text-center{margin:0 0 30px;text-align:left}
.auth-page .title-head{margin:0;font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:1.15}
.auth-page .title-head span{color:var(--green)}
.auth-page .info-form{margin:12px 0 0;font-size:14px;color:var(--muted);line-height:1.6}
.auth-page .info-form:empty{display:none}
.auth-page form{width:100%;margin:0}
.auth-page .form-group{margin-bottom:20px;min-width:0}
.auth-page .form-group:last-child{margin-bottom:0}
.auth-page label{display:block;margin-bottom:8px;color:#d7e0ef;font-size:13px;font-weight:600;line-height:1.5}
.auth-page .form-control{display:block;width:100%;min-width:0;min-height:52px;padding:12px 15px;border:1px solid #33425d;border-radius:6px;background:var(--bg);color:var(--white);font:inherit;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s}
.auth-page .form-control::placeholder{color:#8a98ae;font-size:12px;letter-spacing:1px}
.auth-page .form-control:hover{border-color:#52627b}
.auth-page .form-control:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-color:var(--green)}
/* Widget normal: 304 x 78 px, com espa?o vertical e sem cont?iner de rolagem. */
.auth-page .g-recaptcha{display:flex;align-items:center;justify-content:center;min-height:84px;padding-block:3px}
.auth-page .g-recaptcha>div{flex:0 0 auto;margin-inline:auto}
.auth-page .btn.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:8px;padding:14px 20px;border:1px solid transparent;border-radius:6px;background:var(--green);color:#07160f;font-size:14px;font-weight:700;transition:background .2s,transform .2s}
.auth-page .btn.btn-primary:hover{background:#66ffc5;transform:translateY(-1px)}
.auth-page .btn.btn-primary:active{transform:none}
.auth-page .form-group .text-center{margin:22px 0 0;text-align:center;font-size:13px;line-height:1.8;color:var(--muted)}
.auth-page .form-group .text-center a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.auth-page .form-group .text-center a:hover{color:#a3ffdc}
.auth-page .copyright-text{margin:24px 0 0;text-align:center;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:600px){.auth-page .auth-header .wrap{width:calc(100% - 32px)}.auth-page .auth-header .brand-symbol{display:none}.auth-page .auth-header .brand{font-size:23px}.auth-page .auth-back{font-size:12px;padding:9px 12px}.auth-page .wrapper{min-height:calc(100vh - 75px);padding:32px 16px;align-items:flex-start}.auth-page .form-container{padding:28px 20px}.auth-page .title-head{font-size:30px}}
@media(max-width:380px){.auth-page .wrapper{padding-inline:8px}.auth-page .form-container{padding:24px 12px}.auth-page .auth-header .header-inner{gap:12px}.auth-page .auth-back{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.auth-page .auth-back,.auth-page .form-control,.auth-page .btn.btn-primary{transition:none}.auth-page .btn.btn-primary:hover{transform:none}}

@media(max-width:380px){
  .auth-page .wrapper{padding-inline:6px}
  .auth-page .form-group:has(>.g-recaptcha){width:calc(100% + 24px);margin-inline:-12px}
}