/* Salão Benefícios · V83 · Área do Salão no computador: menu lateral fixo (mesmas cores) */
@media (min-width:1000px){
  #app .view{left:248px!important;right:0!important;width:auto!important}
  .nav,.nav.hide{position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;width:248px!important;height:100vh!important;transform:none!important;margin:0!important;
    flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;padding:22px 14px 16px!important;border:0!important;border-radius:0!important;
    background:radial-gradient(120% 60% at 0% 0%,rgba(255,92,124,.18),transparent 60%),linear-gradient(180deg,#2A0616 0%,#1B040E 55%,#12030A 100%)!important;
    box-shadow:8px 0 30px -18px rgba(20,3,10,.6)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:30!important;overflow-y:auto;animation:v83side .5s cubic-bezier(.2,.7,.2,1) both}
  .nav .v83-brand{display:flex;align-items:center;gap:10px;padding:0 8px 16px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
  .nav .v83-brand i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-weight:700;background:linear-gradient(140deg,#FF5C7C,#C42E6B 60%,#8E1F55);box-shadow:0 10px 22px -10px rgba(255,92,124,.8)}
  .nav .v83-brand b{display:block;font-size:14.5px;line-height:1.2}
  .nav .v83-brand small{display:block;font-size:11px;opacity:.6;letter-spacing:.14em;font-weight:700}
  .nav button{flex:none!important;max-width:none!important;width:100%!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;padding:12px 14px!important;margin:0!important;border-radius:14px!important;
    font-size:14px!important;font-weight:500!important;color:rgba(255,236,242,.78)!important;background:transparent!important;transition:background .2s,color .2s,transform .2s!important;opacity:0;animation:v83in .45s cubic-bezier(.2,.7,.2,1) forwards}
  .nav button:nth-of-type(2){animation-delay:.04s}.nav button:nth-of-type(3){animation-delay:.08s}.nav button:nth-of-type(4){animation-delay:.12s}.nav button:nth-of-type(5){animation-delay:.16s}.nav button:nth-of-type(6){animation-delay:.2s}
  .nav button svg{color:rgba(255,200,214,.8);transition:transform .2s}
  .nav button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:translateX(3px)}
  .nav button:hover svg{transform:scale(1.12)}
  .nav button[aria-current="page"]{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55)!important;color:#fff!important;font-weight:600!important;box-shadow:0 10px 22px -10px rgba(255,92,124,.75)}
  .nav button[aria-current="page"] svg,.nav button[aria-current="page"] .ic{color:#fff!important;transform:none!important}
  .nav .nb{position:static!important;margin-left:auto;border-color:transparent!important}
  .nav .mid{margin-top:0!important}.nav .mid span.b{width:auto;height:auto;background:none!important;border:0;box-shadow:none!important}
  .nav .v83-help{margin-top:auto;padding:16px;border-radius:18px;text-align:center;color:#fff;background:linear-gradient(160deg,rgba(255,92,124,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}
  .nav .v83-help b{display:block;font-size:14px;margin-top:4px}
  .nav .v83-help small{display:block;font-size:11.5px;opacity:.75;margin-top:2px}
  .nav .v83-help a{display:block;margin-top:12px;height:40px;line-height:40px;border-radius:12px;background:#fff;color:#2A0616;font-weight:700;font-size:13.5px;cursor:pointer;text-decoration:none}
  .v2-fab{display:none!important}
  #app .view .btop{padding:22px clamp(24px,4vw,56px) 10px!important;background:transparent!important;backdrop-filter:none!important}
  #app .view .btop .v2-tt b,#app .view .btop .v2-tt strong{font-size:26px}
  #app .view .scroll{padding:8px clamp(24px,4vw,56px) 60px!important}
  #app .view .scroll>.wrap{max-width:980px!important;margin:0!important}
  #app .view .wrap>*{animation:v83up .55s cubic-bezier(.2,.7,.2,1) both}
  #app .view .wrap>*:nth-child(2){animation-delay:.05s}#app .view .wrap>*:nth-child(3){animation-delay:.1s}#app .view .wrap>*:nth-child(4){animation-delay:.15s}#app .view .wrap>*:nth-child(5){animation-delay:.2s}#app .view .wrap>*:nth-child(6){animation-delay:.25s}
  #sheet-root .sheet,#sheet-root [class*="sheet"]{max-width:620px;margin-left:auto;margin-right:auto}
  #toast-root{left:248px!important}
}
@keyframes v83in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes v83up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v83side{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.nav,.nav button,#app .view .wrap>*{animation:none!important;opacity:1!important}}
/* Salão Benefícios · V85 · login moderno no computador (cartão animado à esquerda, formulário de vidro escuro à direita) */
@media (min-width:1000px){
  .nav.hide{display:none!important}
  #app .view.no-nav{left:0!important}
  .login{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(460px,1fr);height:100vh!important;min-height:100vh;overflow:hidden!important;
    background:radial-gradient(70% 60% at 85% 10%,rgba(255,92,124,.22),transparent 60%),radial-gradient(60% 50% at 70% 100%,rgba(142,31,85,.35),transparent 60%),linear-gradient(160deg,#2A0616,#14040B 60%,#0E0308)!important}
  .login-hero{position:relative!important;height:100vh!important;min-height:0!important;max-height:none!important;margin:16px 0 16px 16px!important;height:calc(100vh - 32px)!important;border-radius:28px!important;overflow:hidden;animation:l85in .7s cubic-bezier(.2,.7,.2,1) both}
  .login-hero img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;transform:scale(1.04);animation:l85zoom 14s ease-in-out infinite alternate}
  .login-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,4,11,.05) 30%,rgba(20,4,11,.85) 100%),linear-gradient(90deg,rgba(42,6,22,.35),transparent 60%);pointer-events:none}
  .login-hero::before{content:none!important}
  .login-brand{position:absolute!important;left:44px!important;right:44px!important;bottom:44px!important;top:auto!important;z-index:2;text-align:left!important;transform:none!important}
  .login-brand p{font-size:clamp(34px,3.4vw,52px)!important;line-height:1.05!important;margin:0 0 14px!important;text-align:left!important;max-width:560px}
  .login-brand small{display:inline-flex!important;align-items:center;gap:10px;font-size:12px!important;letter-spacing:.26em!important;color:#FFB3C3!important}
  .login-brand small::before{content:"";width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FF5C7C,#C42E6B)}
  .login-sheet{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    display:flex!important;align-items:center;justify-content:center;height:100vh!important;min-height:0!important;max-height:none!important;overflow-y:auto;padding:32px!important}
  .login-sheet::before{display:none!important}
  .login-sheet .wrap{width:100%;max-width:460px!important;margin:auto!important;padding:34px 32px!important;border-radius:28px;gap:18px!important;
    background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.12);
    box-shadow:0 30px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#F6ECEF;animation:l85up .6s .1s cubic-bezier(.2,.7,.2,1) both}
  .login-sheet h1,.login-sheet h2,.login-sheet h3,.login-sheet b,.login-sheet strong{color:#fff!important}
  .login-sheet h2{font-size:26px!important;letter-spacing:-.02em}
  .login-sheet p,.login-sheet small,.login-sheet .foot-note,.login-sheet .sa-perks,.login-sheet .sa-perks span{color:rgba(246,226,233,.62)!important}
  .login-sheet label,.login-sheet .field>span,.login-sheet .field>b{color:rgba(255,236,242,.85)!important}
  .login-sheet .field input,.login-sheet .inp,.login-sheet input[type=email],.login-sheet input[type=password],.login-sheet input[type=text],.login-sheet input[type=tel],.login-sheet select{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
  .login-sheet .inp input{background:transparent!important;border:0!important}
  .login-sheet .inp,.login-sheet .field input{border-radius:14px!important;transition:border-color .2s,box-shadow .2s,background .2s}
  .login-sheet .inp:focus-within,.login-sheet .field input:focus{border-color:#FF5C7C!important;background:rgba(255,92,124,.08)!important;box-shadow:0 0 0 4px rgba(255,92,124,.18),0 0 24px -6px rgba(255,92,124,.6)!important}
  .login-sheet input::placeholder{color:rgba(255,226,234,.38)!important}
  .login-sheet svg{color:rgba(255,190,206,.75)}
  .login-sheet a,.login-sheet .rowx a,.login-sheet .rowx button{color:#FF8FA8!important}
  .login-sheet .seg,.login-sheet .roles{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
  .login-sheet .seg button,.login-sheet .roles a,.login-sheet .roles span,.login-sheet .roles button{color:rgba(255,236,242,.7)!important;background:transparent!important}
  .login-sheet .seg button[aria-pressed="true"]{color:#fff!important}
  .login-sheet .seg .thumb{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55)!important;box-shadow:0 8px 20px -8px rgba(255,92,124,.8)!important}
  .login-sheet .roles [aria-current],.login-sheet .roles .on,.login-sheet .roles span{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55)!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(255,92,124,.8)}
  .login-sheet .roles a{background:transparent!important}
  .login-sheet .btn.pri{background:linear-gradient(110deg,#FF5C7C,#C42E6B 55%,#8E1F55)!important;color:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 16px 34px -14px rgba(255,92,124,.85)!important;transition:transform .15s,filter .2s,box-shadow .2s}
  .login-sheet .btn.pri:hover{filter:brightness(1.08);transform:translateY(-1px)}
  .login-sheet .btn:not(.pri){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important}
  .login-sheet .btn:not(.pri):hover{background:rgba(255,255,255,.06)!important}
  .login-sheet input[type=checkbox]{accent-color:#FF5C7C}
  .login-sheet .f-err{color:#FF9BB0!important}
}
@keyframes l85in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes l85up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes l85zoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.login-hero,.login-hero img,.login-sheet .wrap{animation:none!important}}

@media (min-width:1000px){
  .login-hero{background:radial-gradient(60% 50% at 50% 42%,rgba(255,92,124,.28),transparent 70%),linear-gradient(160deg,#3A0A20,#1A0510 70%)!important;border:1px solid rgba(255,255,255,.08)}
  .login-hero img{display:none!important}
  .login-hero::after{background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 80% 70%,rgba(255,180,200,.5),transparent),radial-gradient(1px 1px at 35% 75%,rgba(255,255,255,.35),transparent),linear-gradient(180deg,transparent 55%,rgba(20,4,11,.7))!important}
  .l85-stage{position:absolute;left:0;right:0;top:0;bottom:180px;display:grid;place-items:center;perspective:1200px;z-index:1}
  .l85-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;animation:l85orb 9s ease-in-out infinite alternate}
  .l85-orb.a{width:280px;height:280px;background:#FF5C7C;left:18%;top:22%}
  .l85-orb.b{width:240px;height:240px;background:#8E1F55;right:14%;bottom:12%;animation-delay:-4s}
  .l85-ring{position:absolute;width:min(560px,80%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,140,170,.18);animation:l85spin 40s linear infinite}
  .l85-ring::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#FF8FA8;box-shadow:0 0 14px #FF5C7C}
  .l85-ring.r2{width:min(420px,62%);animation-duration:28s;animation-direction:reverse;border-style:dashed;border-color:rgba(255,255,255,.08)}
  .l85-card{position:relative;width:min(420px,72%);aspect-ratio:1.586;border-radius:24px;padding:26px 28px;color:#fff;transform-style:preserve-3d;
    background:radial-gradient(120% 90% at 100% 0%,rgba(255,92,124,.35),transparent 55%),linear-gradient(135deg,#2B0A18 0%,#170409 55%,#0C0205 100%);
    border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,92,124,.08),0 30px 80px -20px rgba(255,92,124,.35),inset 0 1px 0 rgba(255,255,255,.12);
    animation:l85float 6s ease-in-out infinite,l85enter 1.1s cubic-bezier(.2,.8,.2,1) both;overflow:hidden;transition:transform .2s ease-out}
  .l85-card::before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);animation:l85shine 4.5s ease-in-out infinite;pointer-events:none}
  .l85-card::after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,140,170,.25);box-shadow:0 0 0 30px rgba(255,140,170,.04)}
  .l85-chip{width:48px;height:36px;border-radius:8px;background:linear-gradient(135deg,#F6D58A,#C9A04F 55%,#F1D08A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);position:relative}
  .l85-chip::before{content:"";position:absolute;inset:8px 0;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}
  .l85-nfc{position:absolute;top:30px;left:92px;width:22px;height:22px;opacity:.7}
  .l85-logo{position:absolute;right:26px;top:22px;text-align:right}
  .l85-logo svg{width:34px;height:auto;display:block;margin-left:auto;filter:drop-shadow(0 4px 10px rgba(255,92,124,.6))}
  .l85-logo b{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:26px;line-height:1;margin-top:4px;background:linear-gradient(90deg,#FFC2D0,#FF7A95);-webkit-background-clip:text;background-clip:text;color:transparent!important}
  .l85-logo small{display:block;font-size:8.5px;letter-spacing:.42em;opacity:.75;margin-top:4px}
  .l85-num{position:absolute;left:28px;bottom:54px;font-size:19px;letter-spacing:.16em;font-weight:600;opacity:.92}
  .l85-foot{position:absolute;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;opacity:.65;text-transform:uppercase}
  .l85-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);color:#fff;font-size:12.5px;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);animation:l85float 7s ease-in-out infinite}
  .l85-tag i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,#FF5C7C,#8E1F55);font-size:14px}
  .l85-tag b{display:block;font-size:13px}.l85-tag small{display:block;opacity:.65;font-size:11px}
  .l85-tag.t1{left:8%;top:18%;animation-delay:-2s}.l85-tag.t2{right:5%;top:68%;animation-delay:-4.5s}
  .login-brand p{font-family:inherit}
}
@keyframes l85float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes l85enter{from{opacity:0;transform:rotateY(-35deg) rotateX(12deg) scale(.85)}to{opacity:1}}
@keyframes l85shine{0%,55%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@keyframes l85orb{to{transform:translate(30px,-20px) scale(1.15)}}
@keyframes l85spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.l85-card,.l85-card::before,.l85-orb,.l85-ring,.l85-tag{animation:none!important}}
/* ===== versão clean (clara) — botão "Clean / Escuro" no canto do login ===== */
.l85-mode{display:none}
@media (min-width:1000px){
  body:has(.login-hero) .l85-mode,body:has(.sa-hero) .l85-mode{display:flex;position:fixed;top:22px;right:26px;z-index:200;padding:4px;gap:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
  .l85-mode button{border:0;cursor:pointer;padding:8px 14px;border-radius:999px;font:600 12.5px/1 inherit;background:transparent;color:rgba(255,236,242,.75);display:flex;align-items:center;gap:6px;transition:background .2s,color .2s}
  .l85-mode button[aria-pressed="true"]{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55);color:#fff;box-shadow:0 8px 20px -8px rgba(255,92,124,.8)}
  body.l85-clean .l85-mode{background:#fff;border-color:#F1DCE4;box-shadow:0 10px 30px -18px rgba(58,10,32,.4)}
  body.l85-clean .l85-mode button{color:#7A5B67}
  body.l85-clean .l85-mode button[aria-pressed="true"]{color:#fff}
  /* fundo e painel do cartão */
  body.l85-clean .login,body.l85-clean .sa-page{background:radial-gradient(70% 60% at 85% 10%,rgba(255,92,124,.12),transparent 60%),linear-gradient(160deg,#FFF8FA,#FBEFF3)!important}
  body.l85-clean .login-hero,body.l85-clean .sa-hero{background:radial-gradient(60% 50% at 50% 42%,rgba(255,92,124,.22),transparent 70%),linear-gradient(160deg,#FFFFFF,#FCE9EF)!important;border-color:#F1DCE4!important;box-shadow:0 30px 70px -40px rgba(142,31,85,.35)}
  body.l85-clean .login-hero::after{background:linear-gradient(180deg,transparent 55%,rgba(255,240,245,.6))!important}
  body.l85-clean .login-brand p,body.l85-clean .sa-hero .sa-h1{color:#2A0616!important}
  body.l85-clean .sa-hero .sa-h1 *{color:inherit}
  body.l85-clean .sa-hero .sa-h1 span,body.l85-clean .sa-hero .sa-h1 em{color:#C42E6B!important}
  body.l85-clean .login-brand small{color:#C42E6B!important}
  body.l85-clean .sa-hero .sa-pill{background:#fff!important;border-color:#F1DCE4!important;color:#C42E6B!important}
  body.l85-clean .l85-ring{border-color:rgba(196,46,107,.18)}body.l85-clean .l85-ring.r2{border-color:rgba(196,46,107,.1)}
  body.l85-clean .l85-orb{opacity:.35}
  body.l85-clean .l85-tag{background:rgba(255,255,255,.85);border-color:#F1DCE4;color:#2A0616;box-shadow:0 18px 40px -22px rgba(142,31,85,.45)}
  /* formulário */
  body.l85-clean .login-sheet .wrap,body.l85-clean .sa-card{background:#fff!important;border-color:#F1DCE4!important;box-shadow:0 30px 70px -36px rgba(142,31,85,.4)!important;color:#2A0616}
  body.l85-clean .login-sheet h1,body.l85-clean .login-sheet h2,body.l85-clean .login-sheet h3,body.l85-clean .login-sheet b,body.l85-clean .login-sheet strong,
  body.l85-clean .sa-card h1,body.l85-clean .sa-card h2,body.l85-clean .sa-card h3,body.l85-clean .sa-card b,body.l85-clean .sa-card strong{color:#2A0616!important}
  body.l85-clean .login-sheet p,body.l85-clean .login-sheet small,body.l85-clean .login-sheet .foot-note,body.l85-clean .login-sheet .sa-perks span,
  body.l85-clean .sa-lead,body.l85-clean .sa-secure,body.l85-clean .sa-alt,body.l85-clean .sa-perks,body.l85-clean .sa-remember,body.l85-clean .sa-card p{color:#8A6F7A!important}
  body.l85-clean .login-sheet label,body.l85-clean .sa-lbl{color:#5E4350!important}
  body.l85-clean .login-sheet .inp,body.l85-clean .login-sheet .field input,body.l85-clean .sa-inp{background:#FFF9FB!important;border-color:#EFD9E1!important}
  body.l85-clean .login-sheet input,body.l85-clean .sa-inp input{color:#2A0616!important}
  body.l85-clean .login-sheet input::placeholder,body.l85-clean .sa-inp input::placeholder{color:#B89AA6!important}
  body.l85-clean .login-sheet .inp:focus-within,body.l85-clean .sa-inp:focus-within{background:#fff!important;border-color:#FF5C7C!important;box-shadow:0 0 0 4px rgba(255,92,124,.14)!important}
  body.l85-clean .login-sheet svg,body.l85-clean .sa-inp .ms,body.l85-clean .sa-eye{color:#B07A8E!important}
  body.l85-clean .login-sheet .seg,body.l85-clean .login-sheet .roles,body.l85-clean .sa-tabs{background:#FBEFF3!important;border-color:#F1DCE4!important}
  body.l85-clean .login-sheet .seg button,body.l85-clean .login-sheet .roles a,body.l85-clean .sa-tabs button{color:#7A5B67!important}
  body.l85-clean .login-sheet .seg button[aria-pressed="true"],body.l85-clean .login-sheet .roles span{color:#fff!important}
  body.l85-clean .login-sheet .btn:not(.pri){color:#2A0616!important;border-color:#EFD9E1!important}
  body.l85-clean .login-sheet a,body.l85-clean .sa-link{color:#C42E6B!important}
  body.l85-clean .sa-appl{background:#FFF1F5!important;border-color:#FBDCE6!important;color:#C92A5E!important}
  body.l85-clean .sa-strip>div{background:#fff!important;border-color:#F1DCE4!important;color:#2A0616!important}
  body.l85-clean .sa-back{color:#8A6F7A!important}
  body.l85-clean:has(.sa-page) .lheader{background:rgba(255,255,255,.92)!important;border-color:#F1DCE4!important}
}
/* ===== V86 · clean premium (padrão) ===== */
@media (min-width:1000px){
  body.l85-clean .login,body.l85-clean .sa-page{background:#FBF7F8!important}
  body.l85-clean .login-hero,body.l85-clean .sa-hero{border:0!important;box-shadow:none!important;
    background:radial-gradient(40% 35% at 25% 25%,rgba(255,170,195,.55),transparent 70%),radial-gradient(45% 40% at 80% 75%,rgba(255,120,160,.35),transparent 70%),radial-gradient(50% 45% at 70% 15%,rgba(255,214,226,.9),transparent 70%),linear-gradient(160deg,#FFF3F6,#FBE3EA)!important}
  body.l85-clean .login-hero::after{background:radial-gradient(rgba(196,46,107,.07) 1px,transparent 1.3px) 0 0/22px 22px!important;-webkit-mask-image:radial-gradient(60% 55% at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(60% 55% at 50% 40%,#000,transparent 80%)}
  body.l85-clean .l85-orb{opacity:.28}
  body.l85-clean .l85-ring{border-color:rgba(196,46,107,.14)}
  body.l85-clean .l85-card{box-shadow:0 60px 90px -40px rgba(120,20,60,.55),0 20px 40px -20px rgba(120,20,60,.35),inset 0 1px 0 rgba(255,255,255,.14)}
  body.l85-clean .l85-tag{background:rgba(255,255,255,.75);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px -24px rgba(120,20,60,.5)}
  body.l85-clean .l85-tag small{color:#8A6F7A;opacity:1}
  body.l85-clean .login-brand p,body.l85-clean .sa-hero .sa-h1{letter-spacing:-.03em}
  body.l85-clean .login-sheet .wrap,body.l85-clean .sa-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;max-width:420px!important}
  body.l85-clean .login-sheet h2,body.l85-clean .sa-card h2{font-size:32px!important;letter-spacing:-.03em;line-height:1.1}
  body.l85-clean .login-sheet .inp,body.l85-clean .login-sheet .field input,body.l85-clean .sa-inp{background:#fff!important;border:1px solid #ECE2E6!important;min-height:56px;border-radius:16px!important;box-shadow:0 1px 2px rgba(42,6,22,.04)}
  body.l85-clean .login-sheet .inp:focus-within,body.l85-clean .sa-inp:focus-within{border-color:#E8457A!important;box-shadow:0 0 0 5px rgba(232,69,122,.1)!important}
  body.l85-clean .login-sheet .seg,body.l85-clean .sa-tabs{background:#F3ECEF!important;border:0!important;border-radius:16px!important;padding:5px!important}
  body.l85-clean .login-sheet .seg .thumb{background:#fff!important;box-shadow:0 4px 14px -6px rgba(42,6,22,.25)!important}
  body.l85-clean .login-sheet .seg button[aria-pressed="true"]{color:#2A0616!important}
  body.l85-clean .login-sheet .roles{background:#fff!important;border:1px solid #ECE2E6!important}
  body.l85-clean .login-sheet .btn.pri,body.l85-clean .sa-btn{min-height:56px;background:#2A0616!important;box-shadow:0 18px 30px -18px rgba(42,6,22,.7)!important;position:relative;overflow:hidden}
  body.l85-clean .login-sheet .btn.pri::after,body.l85-clean .sa-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55);opacity:0;transition:opacity .3s}
  body.l85-clean .login-sheet .btn.pri:hover::after,body.l85-clean .sa-btn:hover::after{opacity:1}
  body.l85-clean .login-sheet .btn.pri>*,body.l85-clean .sa-btn>*{position:relative;z-index:1}
  body.l85-clean .login-sheet .btn:not(.pri){background:#fff!important;border:1px solid #ECE2E6!important}
  body.l85-clean .sa-strip>div{box-shadow:none!important;border:1px solid #ECE2E6!important}
  body.l85-clean .sa-appl{background:#fff!important;border:1px solid #ECE2E6!important}
  body.l85-clean .l85-mode{top:auto!important;bottom:22px}
}
@media (min-width:1000px){
  body.l85-clean .login-sheet .inp input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;border-radius:0!important}
  body.l85-clean .l85-mode{right:auto!important;left:34px!important;bottom:30px!important}
  body.l85-clean .sa-tabs [class*=on],body.l85-clean .sa-tabs button[aria-selected=true]{color:#fff!important}
}
@media (min-width:1000px){
  body.l85-clean .l85-mode{left:auto!important;right:30px!important;top:26px!important;bottom:auto!important}
  body.l85-clean:has(.sa-page) .l85-mode{top:80px!important}
  body.l85-clean .login-brand p,body.l85-clean .sa-hero .sa-h1{text-shadow:none!important}
  .login-brand{display:flex!important;flex-direction:column;align-items:flex-start!important}
}
/* ===== V87 · login clean em 3 colunas: texto · cartão rosa animado · formulário ===== */
.l87-copy{display:none}
@media (min-width:1100px){
  body.l85-clean .login,body.l85-clean .sa-page{grid-template-columns:minmax(0,1.75fr) minmax(430px,1fr)!important;background:radial-gradient(55% 70% at 62% 45%,#FFE1EA 0%,rgba(255,225,234,0) 70%),linear-gradient(120deg,#FFFFFF 0%,#FFF6F8 55%,#FDEBF0 100%)!important}
  body.l85-clean .login-hero,body.l85-clean .sa-hero{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  body.l85-clean .login-hero::after{display:none!important}
  body.l85-clean .login-brand,body.l85-clean .sa-hero .sa-brand{display:none!important}
  body.l85-clean .l87-copy{display:flex;flex-direction:column;position:absolute;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);width:min(440px,46%);z-index:3;color:#1D0710}
  .l87-logo{display:flex;align-items:center;gap:10px;margin-bottom:clamp(28px,5vh,56px);animation:l87up .6s ease both}
  .l87-logo svg{width:52px;height:auto}
  .l87-logo b{display:block;font:800 30px/1 inherit;letter-spacing:-.02em;color:#1D0710}
  .l87-logo small{display:block;font-size:11px;letter-spacing:.42em;color:#6E5560;margin-top:3px;font-weight:600}
  .l87-h{font-size:clamp(34px,3.3vw,54px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 18px}
  .l87-h span{display:block;opacity:0;animation:l87up .7s cubic-bezier(.2,.8,.2,1) forwards}
  .l87-h span:nth-child(2){animation-delay:.08s}.l87-h span:nth-child(3){animation-delay:.16s}.l87-h span:nth-child(4){animation-delay:.24s}
  .l87-h em{font-style:normal;background:linear-gradient(100deg,#FF3E74,#E0306A 40%,#FF6F95 60%,#E0306A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:l87sheen 5s linear infinite}
  .l87-sub{font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:#5E4A53;margin:0 0 28px;max-width:400px;opacity:0;animation:l87up .7s .32s ease forwards}
  .l87-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
  .l87-feat{text-align:center;font-size:12.5px;line-height:1.3;color:#3A2630;font-weight:600;opacity:0;animation:l87up .6s ease forwards}
  .l87-feat:nth-child(1){animation-delay:.4s}.l87-feat:nth-child(2){animation-delay:.48s}.l87-feat:nth-child(3){animation-delay:.56s}.l87-feat:nth-child(4){animation-delay:.64s}
  .l87-feat i{width:52px;height:52px;margin:0 auto 9px;border-radius:16px;display:grid;place-items:center;background:#FFE6EE;color:#F0457A;transition:transform .25s,background .25s}
  .l87-feat i svg{width:24px;height:24px}
  .l87-feat:hover i{transform:translateY(-4px) rotate(-4deg);background:#FFD3E0}
  .l87-trust{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 40px -26px rgba(120,20,60,.4);max-width:380px;opacity:0;animation:l87up .6s .72s ease forwards;color:#1D0710}
  .l87-trust .dots{display:flex}.l87-trust .dots i{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:15px}
  .l87-trust .dots i:first-child{margin-left:0;background:#FF5C7C}.l87-trust .dots i:nth-child(2){background:#C42E6B}.l87-trust .dots i:nth-child(3){background:#8E1F55}
  .l87-trust b{display:block;font-size:15px}.l87-trust small{display:block;color:#7A6570;font-size:12.5px}
  /* palco do cartão: metade direita da área */
  body.l85-clean .l85-stage{left:46%!important;right:0!important;top:0!important;bottom:0!important}
  body.l85-clean .l85-ring,body.l85-clean .l85-orb.b{display:none}
  body.l85-clean .l85-orb.a{width:420px;height:420px;left:10%;top:18%;background:radial-gradient(circle,#FFB6CA,#FFD9E4 60%,transparent 70%);opacity:.9;filter:blur(30px)}
  body.l85-clean .l85-card{width:min(440px,88%);border:0!important;color:#fff;
    background:radial-gradient(70% 90% at 85% 80%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#FF6A90 0%,#F0457A 40%,#D42B63 100%)!important;
    box-shadow:0 60px 80px -40px rgba(200,30,90,.65),0 30px 40px -24px rgba(200,30,90,.4),inset 0 1px 0 rgba(255,255,255,.35)!important;
    animation:l87float 6s ease-in-out infinite,l87enter 1.2s cubic-bezier(.2,.8,.2,1) both!important}
  body.l85-clean .l85-card::after{right:-20px;bottom:-40px;width:230px;height:230px;border:0;border-radius:60% 0 60% 0;transform:rotate(25deg);background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(255,255,255,.05));box-shadow:none}
  body.l85-clean .l85-logo b{background:none;color:#fff!important;font-family:inherit;font-style:normal;font-weight:800;font-size:30px}
  body.l85-clean .l85-logo svg path{fill:#fff}
  body.l85-clean .l85-logo small{opacity:.9}
  body.l85-clean .l85-tag{background:#fff!important;border:0!important;color:#1D0710!important;padding:14px 18px!important;border-radius:18px!important;box-shadow:0 22px 44px -26px rgba(120,20,60,.45)!important}
  body.l85-clean .l85-tag i{width:40px;height:40px;border-radius:50%;background:#FFE6EE;color:#F0457A;font-size:16px;font-weight:800}
  body.l85-clean .l85-tag b{font-size:15px}
  body.l85-clean .l85-tag.t1{left:auto!important;right:2%!important;top:24%!important}
  body.l85-clean .l85-tag.t2{right:-2%!important;top:auto!important;bottom:20%!important}
  .l87-dots{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);display:none;gap:8px}
  body.l85-clean .l87-dots{display:flex}
  .l87-dots i{width:8px;height:6px;border-radius:4px;background:#F3CBD7;transition:width .4s,background .4s}
  .l87-dots i.on{width:24px;background:#F0457A}
  /* formulário em cartão branco */
  body.l85-clean .login-sheet,body.l85-clean .sa-panel{padding:24px 32px 24px 0!important}
  body.l85-clean .login-sheet .wrap,body.l85-clean .sa-card{background:#fff!important;border:1px solid #F6E6EC!important;border-radius:28px!important;box-shadow:0 40px 80px -40px rgba(120,20,60,.35)!important;padding:40px 36px!important;max-width:460px!important}
  body.l85-clean .login-sheet .seg .thumb{background:#F0457A!important;box-shadow:0 10px 22px -10px rgba(240,69,122,.8)!important}
  body.l85-clean .login-sheet .seg button[aria-pressed="true"]{color:#fff!important}
  body.l85-clean .login-sheet .seg,body.l85-clean .sa-tabs{background:#F6F1F3!important}
  body.l85-clean .login-sheet .inp,body.l85-clean .sa-inp{background:#FBF9FA!important;border-color:#EEE6EA!important}
  body.l85-clean .login-sheet .btn.pri,body.l85-clean .sa-btn{background:linear-gradient(110deg,#FF5C86,#F0457A 55%,#E0306A)!important;box-shadow:0 18px 32px -16px rgba(240,69,122,.75)!important}
  body.l85-clean .login-sheet .btn.pri::after,body.l85-clean .sa-btn::after{background:linear-gradient(110deg,#E0306A,#C42E6B)!important}
  body.l85-clean .login-sheet .roles span,body.l85-clean .login-sheet .roles [aria-current]{background:#F0457A!important}
  body.l85-clean .l85-mode{top:22px!important}
}
@keyframes l87up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes l87sheen{to{background-position:-220% 0}}
@keyframes l87float{0%,100%{translate:0 0;rotate:-14deg}50%{translate:0 -16px;rotate:-11deg}}
@keyframes l87enter{from{opacity:0;transform:translateY(60px) rotateY(-40deg) scale(.8)}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.l87-copy *,.l85-card{animation:none!important;opacity:1!important}}
@media (min-width:1100px){.l87-logo b{font-size:30px!important;font-weight:800!important}body.l85-clean .login-sheet h2,body.l85-clean .sa-card h2{font-size:28px!important}}
/* ===== V88 · login escuro em 3 colunas: texto · cartão rosa animado · formulário ===== */

@media (min-width:1100px){
  body.l88 .login,body.l88 .sa-page{grid-template-columns:minmax(0,1.75fr) minmax(430px,1fr)!important;background:radial-gradient(55% 70% at 62% 45%,#FFE1EA 0%,rgba(255,225,234,0) 70%),linear-gradient(120deg,#FFFFFF 0%,#FFF6F8 55%,#FDEBF0 100%)!important}
  body.l88 .login-hero,body.l88 .sa-hero{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  body.l88 .login-hero::after{display:none!important}
  body.l88 .login-brand,body.l88 .sa-hero .sa-brand{display:none!important}
  body.l88 .l87-copy{display:flex;flex-direction:column;position:absolute;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);width:min(440px,46%);z-index:3;color:#1D0710}
  .l87-logo{display:flex;align-items:center;gap:10px;margin-bottom:clamp(28px,5vh,56px);animation:l87up .6s ease both}
  .l87-logo svg{width:52px;height:auto}
  .l87-logo b{display:block;font:800 30px/1 inherit;letter-spacing:-.02em;color:#1D0710}
  .l87-logo small{display:block;font-size:11px;letter-spacing:.42em;color:#6E5560;margin-top:3px;font-weight:600}
  .l87-h{font-size:clamp(34px,3.3vw,54px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 18px}
  .l87-h span{display:block;opacity:0;animation:l87up .7s cubic-bezier(.2,.8,.2,1) forwards}
  .l87-h span:nth-child(2){animation-delay:.08s}.l87-h span:nth-child(3){animation-delay:.16s}.l87-h span:nth-child(4){animation-delay:.24s}
  .l87-h em{font-style:normal;background:linear-gradient(100deg,#FF3E74,#E0306A 40%,#FF6F95 60%,#E0306A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:l87sheen 5s linear infinite}
  .l87-sub{font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:#5E4A53;margin:0 0 28px;max-width:400px;opacity:0;animation:l87up .7s .32s ease forwards}
  .l87-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
  .l87-feat{text-align:center;font-size:12.5px;line-height:1.3;color:#3A2630;font-weight:600;opacity:0;animation:l87up .6s ease forwards}
  .l87-feat:nth-child(1){animation-delay:.4s}.l87-feat:nth-child(2){animation-delay:.48s}.l87-feat:nth-child(3){animation-delay:.56s}.l87-feat:nth-child(4){animation-delay:.64s}
  .l87-feat i{width:52px;height:52px;margin:0 auto 9px;border-radius:16px;display:grid;place-items:center;background:#FFE6EE;color:#F0457A;transition:transform .25s,background .25s}
  .l87-feat i svg{width:24px;height:24px}
  .l87-feat:hover i{transform:translateY(-4px) rotate(-4deg);background:#FFD3E0}
  .l87-trust{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 40px -26px rgba(120,20,60,.4);max-width:380px;opacity:0;animation:l87up .6s .72s ease forwards;color:#1D0710}
  .l87-trust .dots{display:flex}.l87-trust .dots i{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:15px}
  .l87-trust .dots i:first-child{margin-left:0;background:#FF5C7C}.l87-trust .dots i:nth-child(2){background:#C42E6B}.l87-trust .dots i:nth-child(3){background:#8E1F55}
  .l87-trust b{display:block;font-size:15px}.l87-trust small{display:block;color:#7A6570;font-size:12.5px}
  /* palco do cartão: metade direita da área */
  body.l88 .l85-stage{left:46%!important;right:0!important;top:0!important;bottom:0!important}
  body.l88 .l85-ring,body.l88 .l85-orb.b{display:none}
  body.l88 .l85-orb.a{width:420px;height:420px;left:10%;top:18%;background:radial-gradient(circle,#FFB6CA,#FFD9E4 60%,transparent 70%);opacity:.9;filter:blur(30px)}
  body.l88 .l85-card{width:min(440px,88%);border:0!important;color:#fff;
    background:radial-gradient(70% 90% at 85% 80%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#FF6A90 0%,#F0457A 40%,#D42B63 100%)!important;
    box-shadow:0 60px 80px -40px rgba(200,30,90,.65),0 30px 40px -24px rgba(200,30,90,.4),inset 0 1px 0 rgba(255,255,255,.35)!important;
    animation:l87float 6s ease-in-out infinite,l87enter 1.2s cubic-bezier(.2,.8,.2,1) both!important}
  body.l88 .l85-card::after{right:-20px;bottom:-40px;width:230px;height:230px;border:0;border-radius:60% 0 60% 0;transform:rotate(25deg);background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(255,255,255,.05));box-shadow:none}
  body.l88 .l85-logo b{background:none;color:#fff!important;font-family:inherit;font-style:normal;font-weight:800;font-size:30px}
  body.l88 .l85-logo svg path{fill:#fff}
  body.l88 .l85-logo small{opacity:.9}
  body.l88 .l85-tag{background:#fff!important;border:0!important;color:#1D0710!important;padding:14px 18px!important;border-radius:18px!important;box-shadow:0 22px 44px -26px rgba(120,20,60,.45)!important}
  body.l88 .l85-tag i{width:40px;height:40px;border-radius:50%;background:#FFE6EE;color:#F0457A;font-size:16px;font-weight:800}
  body.l88 .l85-tag b{font-size:15px}
  body.l88 .l85-tag.t1{left:auto!important;right:2%!important;top:24%!important}
  body.l88 .l85-tag.t2{right:-2%!important;top:auto!important;bottom:20%!important}
  .l87-dots{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);display:none;gap:8px}
  body.l88 .l87-dots{display:flex}
  .l87-dots i{width:8px;height:6px;border-radius:4px;background:#F3CBD7;transition:width .4s,background .4s}
  .l87-dots i.on{width:24px;background:#F0457A}
  /* formulário em cartão branco */
  body.l88 .login-sheet,body.l88 .sa-panel{padding:24px 32px 24px 0!important}
  body.l88 .login-sheet .wrap,body.l88 .sa-card{background:#fff!important;border:1px solid #F6E6EC!important;border-radius:28px!important;box-shadow:0 40px 80px -40px rgba(120,20,60,.35)!important;padding:40px 36px!important;max-width:460px!important}
  body.l88 .login-sheet .seg .thumb{background:#F0457A!important;box-shadow:0 10px 22px -10px rgba(240,69,122,.8)!important}
  body.l88 .login-sheet .seg button[aria-pressed="true"]{color:#fff!important}
  body.l88 .login-sheet .seg,body.l88 .sa-tabs{background:#F6F1F3!important}
  body.l88 .login-sheet .inp,body.l88 .sa-inp{background:#FBF9FA!important;border-color:#EEE6EA!important}
  body.l88 .login-sheet .btn.pri,body.l88 .sa-btn{background:linear-gradient(110deg,#FF5C86,#F0457A 55%,#E0306A)!important;box-shadow:0 18px 32px -16px rgba(240,69,122,.75)!important}
  body.l88 .login-sheet .btn.pri::after,body.l88 .sa-btn::after{background:linear-gradient(110deg,#E0306A,#C42E6B)!important}
  body.l88 .login-sheet .roles span,body.l88 .login-sheet .roles [aria-current]{background:#F0457A!important}
  body.l88 .l85-mode{top:22px!important}
}

@media (min-width:1100px){
  body.l88 .login,body.l88 .sa-page{background:radial-gradient(55% 70% at 60% 45%,rgba(240,69,122,.22) 0%,transparent 70%),radial-gradient(40% 50% at 95% 10%,rgba(142,31,85,.35),transparent 70%),linear-gradient(120deg,#14040B 0%,#1E0711 55%,#2A0616 100%)!important}
  body.l88 .l87-copy,body.l88 .l87-logo b{color:#fff!important}
  body.l88 .l87-logo small,body.l88 .l87-sub{color:rgba(246,226,233,.7)!important}
  body.l88 .l87-feat{color:rgba(255,236,242,.88)}
  body.l88 .l87-feat i{background:rgba(255,92,124,.14);color:#FF7A9C;border:1px solid rgba(255,92,124,.22)}
  body.l88 .l87-feat:hover i{background:rgba(255,92,124,.24)}
  body.l88 .l87-trust{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(12px)}
  body.l88 .l87-trust small{color:rgba(246,226,233,.6)}
  body.l88 .l87-trust .dots i{border-color:#1E0711}
  body.l88 .l85-orb.a{background:radial-gradient(circle,rgba(255,92,124,.55),rgba(196,46,107,.25) 60%,transparent 70%)!important;opacity:.8}
  body.l88 .l85-tag{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;backdrop-filter:blur(14px)}
  body.l88 .l85-tag i{background:rgba(255,92,124,.18)!important;color:#FF7A9C!important}
  body.l88 .l85-tag small{color:rgba(246,226,233,.6)!important}
  body.l88 .l87-dots i{background:rgba(255,255,255,.18)}
  body.l88 .login-sheet .wrap,body.l88 .sa-card{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 40px 90px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px)}
  body.l88 .login-sheet .seg,body.l88 .sa-tabs{background:rgba(255,255,255,.06)!important}
  body.l88 .login-sheet .inp,body.l88 .sa-inp{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
  body.l88 .login-sheet .btn.pri::after,body.l88 .sa-btn::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s}
  body.l88 .login-sheet .btn.pri:hover::after,body.l88 .sa-btn:hover::after{opacity:1}
  body.l88 .login-sheet .btn.pri,body.l88 .sa-btn{position:relative;overflow:hidden}
  body.l88 .login-sheet .btn.pri>*,body.l88 .sa-btn>*{position:relative;z-index:1}
  body.l88:has(.sa-page) .lheader{background:rgba(20,4,11,.92)!important}
}
.l85-mode{display:none!important}
@media (min-width:1100px){body.l88 .l87-copy{width:min(420px,42%)!important}}
/* ===== V90 · login escuro também no celular (cartão animado em cima, formulário embaixo) ===== */
@media (max-width:1099px){
  body.l88 .login,body.l88 .sa-page,body.l88:has(.authgrid) .lpage{background:radial-gradient(90% 40% at 50% 18%,rgba(240,69,122,.28),transparent 70%),linear-gradient(180deg,#1E0711 0%,#14040B 60%,#120309 100%)!important}
  body.l88:has(.authgrid),body.l88:has(.sa-page){background:#14040B!important}
  body.l88:has(.authgrid) .lpage::before,body.l88:has(.authgrid) .lpage::after{display:none!important}
  body.l88:has(.authgrid) div[style*="position: fixed"][style*="z-index: 1;"][style*="background: rgb"]{display:none!important}
  body.l88:has(.authgrid) .lheader,body.l88:has(.sa-page) .lheader{background:rgba(20,4,11,.92)!important;border-color:rgba(255,255,255,.06)!important}
  /* área do cartão */
  body.l88 .login-hero,body.l88 .sa-hero,body.l88 .authgrid>div:first-child{position:relative!important;height:300px!important;min-height:300px!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;border-radius:0!important}
  body.l88 .login-hero img,body.l88 .login-brand,body.l88 .sa-hero>*:not(.l85-stage),body.l88 .authgrid>div:first-child>*:not(.l85-stage),body.l88 .l87-copy{display:none!important}
  body.l88 .login-hero::before,body.l88 .login-hero::after{display:none!important}
  body.l88 .l85-stage{position:absolute!important;inset:0!important;display:grid;place-items:center;perspective:1000px}
  body.l88 .l85-ring{display:none}
  body.l88 .l85-orb{position:absolute;border-radius:50%;filter:blur(36px);opacity:.75}
  body.l88 .l85-orb.a{width:240px;height:240px;left:20%;top:12%;background:radial-gradient(circle,rgba(255,92,124,.6),transparent 70%)}
  body.l88 .l85-orb.b{display:none}
  body.l88 .l85-card{position:relative;width:min(300px,76vw);aspect-ratio:1.586;border-radius:18px;padding:18px 20px;color:#fff;overflow:hidden;
    background:radial-gradient(70% 90% at 85% 80%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#FF6A90 0%,#F0457A 40%,#D42B63 100%);
    box-shadow:0 40px 60px -30px rgba(200,30,90,.7),inset 0 1px 0 rgba(255,255,255,.35);animation:l87float 6s ease-in-out infinite,l87enter 1.1s cubic-bezier(.2,.8,.2,1) both}
  body.l88 .l85-card::before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);animation:l85shine 4.5s ease-in-out infinite;pointer-events:none}
  body.l88 .l85-card::after{content:"";position:absolute;right:-20px;bottom:-40px;width:160px;height:160px;border-radius:60% 0 60% 0;transform:rotate(25deg);background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(255,255,255,.05))}
  body.l88 .l85-chip{width:36px;height:27px;border-radius:6px;background:linear-gradient(135deg,#F6D58A,#C9A04F 55%,#F1D08A);position:relative}
  body.l88 .l85-nfc{position:absolute;top:22px;left:66px;width:18px;height:18px;opacity:.8}
  body.l88 .l85-logo{position:absolute;right:18px;top:14px;text-align:right}
  body.l88 .l85-logo svg{width:24px;height:auto;display:block;margin-left:auto}
  body.l88 .l85-logo svg path{fill:#fff}
  body.l88 .l85-logo b{display:block;font-weight:800;font-size:20px;line-height:1;margin-top:2px;color:#fff}
  body.l88 .l85-logo small{display:block;font-size:7px;letter-spacing:.38em;margin-top:3px;opacity:.9}
  body.l88 .l85-num{position:absolute;left:20px;bottom:38px;font-size:14px;letter-spacing:.14em;font-weight:600}
  body.l88 .l85-foot{position:absolute;left:20px;right:20px;bottom:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em;opacity:.75;text-transform:uppercase}
  body.l88 .l85-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff;font-size:11px;animation:l85float 7s ease-in-out infinite}
  body.l88 .l85-tag i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,92,124,.25);color:#FF8FA8;font-size:12px}
  body.l88 .l85-tag b{display:block;font-size:12px}body.l88 .l85-tag small{display:block;opacity:.65;font-size:10px}
  body.l88 .l85-tag.t1{left:4%;top:8%}body.l88 .l85-tag.t2{right:4%;bottom:6%}
  body.l88 .l87-dots{display:none!important}
  /* formulário */
  body.l88 .login-sheet{position:relative!important;margin:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 16px 32px!important;transform:none!important}
  body.l88 .login-sheet::before{display:none!important}
  body.l88 .login-sheet .wrap,body.l88 .sa-card,body.l88 .authgrid .lcard{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.8)!important;backdrop-filter:blur(18px);border-radius:24px!important;padding:24px 20px!important;color:#F6ECEF}
  body.l88 .login-sheet h1,body.l88 .login-sheet h2,body.l88 .login-sheet b,body.l88 .sa-card h2,body.l88 .sa-card b,body.l88 .authgrid .lcard h2{color:#fff!important}
  body.l88 .login-sheet p,body.l88 .login-sheet small,body.l88 .login-sheet .foot-note,body.l88 .sa-lead,body.l88 .sa-secure,body.l88 .sa-alt,body.l88 .sa-perks,body.l88 .sa-remember,body.l88 .sa-card p,body.l88 .authgrid .lcard p{color:rgba(246,226,233,.62)!important}
  body.l88 .login-sheet label,body.l88 .sa-lbl,body.l88 .authgrid .lcard label{color:rgba(255,236,242,.85)!important}
  body.l88 .login-sheet .inp,body.l88 .sa-inp,body.l88 .authgrid .linput{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
  body.l88 .login-sheet .inp input,body.l88 .sa-inp input,body.l88 .authgrid .linput input{color:#fff!important;background:transparent!important;border:0!important}
  body.l88 .login-sheet input::placeholder,body.l88 .sa-inp input::placeholder,body.l88 .authgrid .linput input::placeholder{color:rgba(255,226,234,.4)!important}
  body.l88 .login-sheet .seg,body.l88 .login-sheet .roles,body.l88 .sa-tabs,body.l88 .authgrid .lcard>div:first-child{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
  body.l88 .login-sheet .seg button,body.l88 .login-sheet .roles a,body.l88 .sa-tabs button,body.l88 .authgrid .lcard>div:first-child button{color:rgba(255,236,242,.75)!important}
  body.l88 .login-sheet .seg .thumb{background:#F0457A!important}
  body.l88 .login-sheet .seg button[aria-pressed="true"],body.l88 .login-sheet .roles span{color:#fff!important}
  body.l88 .login-sheet .roles span{background:#F0457A!important}
  body.l88 .login-sheet .btn.pri,body.l88 .sa-btn{background:linear-gradient(110deg,#FF5C86,#F0457A 55%,#E0306A)!important;color:#fff!important;border:0!important}
  body.l88 .login-sheet .btn:not(.pri){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
  body.l88 .login-sheet a,body.l88 .sa-link{color:#FF8FA8!important}
  body.l88 .sa-appl,body.l88 .sa-strip>div,body.l88 .authgrid .authcard{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important;color:#F6ECEF!important}
  body.l88 .sa-strip>div *,body.l88 .authgrid .authcard>*{color:inherit!important}
  body.l88 .sa-back{color:rgba(246,226,233,.7)!important}
  body.l88 .sa-panel{margin-top:0!important;padding:0 16px 32px!important}
  body.l88 .authgrid{grid-template-columns:1fr!important;gap:0!important}
  body.l88:has(.authgrid) .lpage{padding:0 16px 40px!important}
  body.l88 .authgrid .authtrust{background:transparent!important}
}
@media (max-width:1099px){body.l88 .authgrid>div:first-child{display:block!important}body.l88:has(.authgrid) .lpage>div:first-child{display:none!important}}
@media (max-width:1099px){body.l88 .authgrid>div:first-child{order:-1!important;grid-row:auto!important}}
@media (max-width:999px){#nav .v83-brand,#nav .v83-help{display:none!important}}
/* ===== V233 · login no computador igual ao do celular ===== */
@media (min-width:1100px){
body.l88 .login, body.l88 .sa-page, body.l88:has(.authgrid) .lpage { background: radial-gradient(90% 40% at 50% 18%, rgba(240, 69, 122, 0.28), transparent 70%), linear-gradient(rgb(30, 7, 17) 0%, rgb(20, 4, 11) 60%, rgb(18, 3, 9) 100%) !important; }
body.l88:has(.authgrid), body.l88:has(.sa-page) { background: rgb(20, 4, 11) !important; }
body.l88:has(.authgrid) .lpage::before, body.l88:has(.authgrid) .lpage::after { display: none !important; }
body.l88:has(.authgrid) div[style*="position: fixed"][style*="z-index: 1;"][style*="background: rgb"] { display: none !important; }
body.l88:has(.authgrid) .lheader, body.l88:has(.sa-page) .lheader { background: rgba(20, 4, 11, 0.92) !important; border-color: rgba(255, 255, 255, 0.06) !important; }
body.l88 .login-hero, body.l88 .sa-hero, body.l88 .authgrid > div:first-child { position: relative !important; height: 300px !important; min-height: 300px !important; max-height: none !important; margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; box-shadow: none !important; overflow: hidden !important; border-radius: 0px !important; }
body.l88 .login-hero img, body.l88 .login-brand, body.l88 .sa-hero > :not(.l85-stage), body.l88 .authgrid > div:first-child > :not(.l85-stage), body.l88 .l87-copy { display: none !important; }
body.l88 .login-hero::before, body.l88 .login-hero::after { display: none !important; }
body.l88 .l85-stage { display: grid; place-items: center; perspective: 1000px; position: absolute !important; inset: 0px !important; }
body.l88 .l85-ring { display: none; }
body.l88 .l85-orb { position: absolute; border-radius: 50%; filter: blur(36px); opacity: 0.75; }
body.l88 .l85-orb.a { width: 240px; height: 240px; left: 20%; top: 12%; background: radial-gradient(circle, rgba(255, 92, 124, 0.6), transparent 70%); }
body.l88 .l85-orb.b { display: none; }
body.l88 .l85-card { position: relative; width: min(300px, 76vw); aspect-ratio: 1.586 / 1; border-radius: 18px; padding: 18px 20px; color: rgb(255, 255, 255); overflow: hidden; background: radial-gradient(70% 90% at 85% 80%, rgba(255, 255, 255, 0.18), transparent 60%), linear-gradient(135deg, rgb(255, 106, 144) 0%, rgb(240, 69, 122) 40%, rgb(212, 43, 99) 100%); box-shadow: rgba(200, 30, 90, 0.7) 0px 40px 60px -30px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset; animation: 6s ease-in-out 0s infinite normal none running l87float, 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running l87enter; }
body.l88 .l85-card::before { content: ""; position: absolute; inset: -40%; background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.25) 50%, transparent 60%); animation: 4.5s ease-in-out 0s infinite normal none running l85shine; pointer-events: none; }
body.l88 .l85-card::after { content: ""; position: absolute; right: -20px; bottom: -40px; width: 160px; height: 160px; border-radius: 60% 0px; transform: rotate(25deg); background: linear-gradient(140deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.05)); }
body.l88 .l85-chip { width: 36px; height: 27px; border-radius: 6px; background: linear-gradient(135deg, rgb(246, 213, 138), rgb(201, 160, 79) 55%, rgb(241, 208, 138)); position: relative; }
body.l88 .l85-nfc { position: absolute; top: 22px; left: 66px; width: 18px; height: 18px; opacity: 0.8; }
body.l88 .l85-logo { position: absolute; right: 18px; top: 14px; text-align: right; }
body.l88 .l85-logo svg { width: 24px; height: auto; display: block; margin-left: auto; }
body.l88 .l85-logo svg path { fill: rgb(255, 255, 255); }
body.l88 .l85-logo b { display: block; font-weight: 800; font-size: 20px; line-height: 1; margin-top: 2px; color: rgb(255, 255, 255); }
body.l88 .l85-logo small { display: block; font-size: 7px; letter-spacing: 0.38em; margin-top: 3px; opacity: 0.9; }
body.l88 .l85-num { position: absolute; left: 20px; bottom: 38px; font-size: 14px; letter-spacing: 0.14em; font-weight: 600; }
body.l88 .l85-foot { position: absolute; left: 20px; right: 20px; bottom: 15px; display: flex; justify-content: space-between; font-size: 8px; letter-spacing: 0.2em; opacity: 0.75; text-transform: uppercase; }
body.l88 .l85-tag { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 8px 11px; border-radius: 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); color: rgb(255, 255, 255); font-size: 11px; animation: 7s ease-in-out 0s infinite normal none running l85float; }
body.l88 .l85-tag i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; background: rgba(255, 92, 124, 0.25); color: rgb(255, 143, 168); font-size: 12px; }
body.l88 .l85-tag b { display: block; font-size: 12px; }
body.l88 .l85-tag small { display: block; opacity: 0.65; font-size: 10px; }
body.l88 .l85-tag.t1 { left: 4%; top: 8%; }
body.l88 .l85-tag.t2 { right: 4%; bottom: 6%; }
body.l88 .l87-dots { display: none !important; }
body.l88 .login-sheet { position: relative !important; margin: 0px !important; background: transparent !important; box-shadow: none !important; border-radius: 0px !important; padding: 0px 16px 32px !important; transform: none !important; }
body.l88 .login-sheet::before { display: none !important; }
body.l88 .login-sheet .wrap, body.l88 .sa-card, body.l88 .authgrid .lcard { backdrop-filter: blur(18px); color: rgb(246, 236, 239); background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.8) 0px 30px 70px -30px !important; border-radius: 24px !important; padding: 24px 20px !important; }
body.l88 .login-sheet h1, body.l88 .login-sheet h2, body.l88 .login-sheet b, body.l88 .sa-card h2, body.l88 .sa-card b, body.l88 .authgrid .lcard h2 { color: rgb(255, 255, 255) !important; }
body.l88 .login-sheet p, body.l88 .login-sheet small, body.l88 .login-sheet .foot-note, body.l88 .sa-lead, body.l88 .sa-secure, body.l88 .sa-alt, body.l88 .sa-perks, body.l88 .sa-remember, body.l88 .sa-card p, body.l88 .authgrid .lcard p { color: rgba(246, 226, 233, 0.62) !important; }
body.l88 .login-sheet label, body.l88 .sa-lbl, body.l88 .authgrid .lcard label { color: rgba(255, 236, 242, 0.85) !important; }
body.l88 .login-sheet .inp, body.l88 .sa-inp, body.l88 .authgrid .linput { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
body.l88 .login-sheet .inp input, body.l88 .sa-inp input, body.l88 .authgrid .linput input { color: rgb(255, 255, 255) !important; background: transparent !important; border: 0px !important; }
body.l88 .login-sheet input::placeholder, body.l88 .sa-inp input::placeholder, body.l88 .authgrid .linput input::placeholder { color: rgba(255, 226, 234, 0.4) !important; }
body.l88 .login-sheet .seg, body.l88 .login-sheet .roles, body.l88 .sa-tabs, body.l88 .authgrid .lcard > div:first-child { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
body.l88 .login-sheet .seg button, body.l88 .login-sheet .roles a, body.l88 .sa-tabs button, body.l88 .authgrid .lcard > div:first-child button { color: rgba(255, 236, 242, 0.75) !important; }
body.l88 .login-sheet .seg .thumb { background: rgb(240, 69, 122) !important; }
body.l88 .login-sheet .seg button[aria-pressed="true"], body.l88 .login-sheet .roles span { color: rgb(255, 255, 255) !important; }
body.l88 .login-sheet .roles span { background: rgb(240, 69, 122) !important; }
body.l88 .login-sheet .btn.pri, body.l88 .sa-btn { background: linear-gradient(110deg, rgb(255, 92, 134), rgb(240, 69, 122) 55%, rgb(224, 48, 106)) !important; color: rgb(255, 255, 255) !important; border: 0px !important; }
body.l88 .login-sheet .btn:not(.pri) { background: transparent !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; }
body.l88 .login-sheet a, body.l88 .sa-link { color: rgb(255, 143, 168) !important; }
body.l88 .sa-appl, body.l88 .sa-strip > div, body.l88 .authgrid .authcard { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: rgb(246, 236, 239) !important; }
body.l88 .sa-strip > div *, body.l88 .authgrid .authcard > * { color: inherit !important; }
body.l88 .authgrid { grid-template-columns: 1fr !important; gap: 0px !important; }
body.l88:has(.authgrid) .lpage { padding: 0px 16px 40px !important; }
body.l88 .authgrid .authtrust { background: transparent !important; }
body.l88 .authgrid > div:first-child { display: block !important; }
body.l88:has(.authgrid) .lpage > div:first-child { display: none !important; }
body.l88 .authgrid > div:first-child { order: -1 !important; grid-row: auto !important; }
html body.l88 #app#app section.view[data-screen] .login.login{display:flex!important;flex-direction:column!important;max-width:460px!important;width:460px!important;min-width:0!important;margin:0 auto!important;padding:0!important;min-height:100vh!important;position:relative!important;inset:auto!important;box-shadow:0 30px 80px rgba(214,63,125,.18)!important}
html body.l88 #app#app section.view[data-screen] .login.login>.login-hero,html body.l88 #app#app section.view[data-screen] .login.login>.login-sheet{width:100%!important;max-width:none!important;min-width:0!important}
html body.l88 #app#app section.view[data-screen]:has(>.login){background:#fbeef4!important}
}