/* Tela de login premium: painel escuro com brilhos suaves e arte de crescimento, cartão do formulário refinado e entrada animada. */
.auth{background:#eef2f1}
.brand-panel{position:relative;overflow:hidden;color:#fff;padding:0 clamp(40px,8vw,130px);
  background:radial-gradient(900px 620px at 8% 6%,rgba(70,196,111,.20),transparent 62%),radial-gradient(820px 720px at 104% 104%,rgba(93,193,181,.18),transparent 58%),linear-gradient(152deg,#0a2033 0%,#0f3049 52%,#0c283d 100%)}
.brand-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(120deg,#000 0%,transparent 70%);mask-image:linear-gradient(120deg,#000 0%,transparent 70%);pointer-events:none}
.brand-panel>*{position:relative;z-index:1}
.brand-panel .brand-logo{width:112px;height:112px;border-radius:28px;margin-bottom:34px;box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.14),0 0 70px rgba(70,196,111,.18)}
.brand-panel h1,.auth-box .panel h2,.auth-mobile-brand b{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.brand-panel h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(30px,3.4vw,54px);line-height:1.12;letter-spacing:-.01em;margin:0}
.brand-panel h1 .l1,.brand-panel h1 .l2{display:block;white-space:nowrap}
.brand-panel h1 .l2{background:linear-gradient(90deg,#a4efc2,#5dc1b5);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.brand-panel h1 .dash{color:#6f8da0;font-weight:400;-webkit-text-fill-color:#6f8da0}
.brand-rule{display:block;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,#46c46f,#5dc1b5);margin:26px 0 24px}
.brand-panel p{max-width:460px;font-size:clamp(15px,1.25vw,19px);line-height:1.6;color:#c4d6dc;margin:0}
.brand-features{list-style:none;display:flex;gap:0;margin:38px 0 0;padding:0}
.brand-features li{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8fb2c2;padding:0 20px}
.brand-features li:first-child{padding-left:0}
.brand-features li+li{border-left:1px solid rgba(255,255,255,.16)}
.brand-panel small{display:block;margin-top:46px;color:#8aa6b4;font-size:13px;letter-spacing:.04em}
.brand-art{position:absolute!important;right:-28px;bottom:-24px;width:min(58%,460px);opacity:.55;z-index:0!important;pointer-events:none}
.auth-box{background:linear-gradient(180deg,#f7f9f8 0%,#edf1f0 100%);flex-direction:column;gap:18px}
.auth-box .panel{width:min(430px,100%);padding:42px 40px 38px;border-radius:24px;border:1px solid rgba(19,42,58,.06);background:#fff;box-shadow:0 36px 90px rgba(12,38,58,.16),0 2px 8px rgba(12,38,58,.05)}
.auth-box .panel h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:-.01em;margin:0 0 8px;color:#10283a}
.auth-box .panel p.sub{margin:0 0 26px;color:#6b8190;font-size:14.5px}
.auth-box .field{margin:0 0 18px}
.auth-box .field label{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#52707f}
.auth-box input{height:50px;border-radius:13px;background:#fafcfc;border:1px solid #d3dfde;padding:0 16px;transition:border-color .2s,box-shadow .2s,background .2s}
.auth-box input:focus{background:#fff;border-color:#138a83;box-shadow:0 0 0 4px rgba(19,138,131,.14)}
.auth-box .btn.full{height:52px;margin-top:10px;border-radius:14px;font-size:16px;letter-spacing:.02em;background:linear-gradient(135deg,#0f7f7a 0%,#1d9f69 100%);box-shadow:0 14px 30px rgba(19,138,131,.32);transition:transform .18s,box-shadow .18s,filter .18s}
.auth-box .btn.full:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(19,138,131,.38);filter:none}
.auth-foot{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;color:#7d929f}
.auth-mobile-brand{display:none}
@keyframes loginRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.brand-panel>*:not(.brand-art){animation:loginRise .7s cubic-bezier(.2,.7,.2,1) both}
.brand-panel>:nth-child(2){animation-delay:.08s}.brand-panel>:nth-child(3){animation-delay:.16s}.brand-panel>:nth-child(4){animation-delay:.22s}.brand-panel>:nth-child(5){animation-delay:.3s}.brand-panel>:nth-child(6){animation-delay:.38s}
.auth-box .panel{animation:loginRise .8s cubic-bezier(.2,.7,.2,1) .15s both}
@media(prefers-reduced-motion:reduce){.brand-panel>*,.auth-box .panel{animation:none!important}}
@media(max-width:980px){.brand-features li{padding:0 12px}.brand-art{width:70%}}
@media(max-width:720px){
  .auth{background:linear-gradient(180deg,#0a2033 0,#10344d 330px,#eef2f1 330px)}
  .auth-box{background:transparent;justify-content:flex-start;padding:34px 18px 28px}
  .auth-mobile-brand{display:flex;align-items:center;gap:14px;margin:0 0 6px;width:min(430px,100%)}
  .auth-mobile-brand img{width:60px;height:60px;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.16)}
  .auth-mobile-brand b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:22px;color:#fff}
  .auth-mobile-brand span{display:block;color:#a4efc2;font-size:14px;margin-top:2px}
  .auth-box .panel{padding:32px 24px 28px;margin-top:62px}
  .auth-foot{justify-content:center;color:#6b8190}
}