/* /entrar/ portal V200 — scoped to .bslg */
html body .bslg{--c1:#00c3e2;--c2:#ff5367;--bg:#0b0f17;--card:#121826;--line:rgba(255,255,255,.08);--tx:#eef3fb;--mut:rgba(238,243,251,.62);--badge-surface:oklch(0.17 0.025 245 / .8);position:relative;overflow:hidden;background:var(--bg);color:var(--tx);padding:48px 16px 56px;font-family:inherit}
.bslg *{box-sizing:border-box}
.bslg svg.bsdn-i{width:18px;height:18px;flex:0 0 18px}
.bslg-glow{position:absolute;inset:-20% -10% auto;height:620px;background:radial-gradient(40% 50% at 25% 30%,rgba(0,195,226,.16),transparent 70%),radial-gradient(35% 45% at 80% 20%,rgba(255,83,103,.12),transparent 70%);pointer-events:none}
.bslg-wrap{position:relative;max-width:1120px;margin:0 auto}
.bslg-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.bslg-card,.bslg-show{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--card);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.bslg-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--c1);background:rgba(0,195,226,.1);padding:6px 12px;border-radius:99px}
.bslg-dot{width:7px;height:7px;border-radius:50%;background:var(--c1);box-shadow:0 0 0 0 rgba(0,195,226,.6);animation:bslgPulse 2s infinite}
@keyframes bslgPulse{70%{box-shadow:0 0 0 8px rgba(0,195,226,0)}100%{box-shadow:0 0 0 0 rgba(0,195,226,0)}}
.bslg h1{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:16px 0 8px;font-weight:900;color:var(--tx)}
.bslg h1 span,.bslg h2 span{color:var(--c1)}
.bslg-lead{color:var(--mut);margin:0 0 24px;font-size:15px;line-height:1.55}
.bslg-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14px;border:1px solid}
.bslg-alert.is-error{background:rgba(255,83,103,.1);border-color:rgba(255,83,103,.35);color:#ffc3ca}
.bslg-alert.is-success{background:rgba(40,200,120,.1);border-color:rgba(40,200,120,.35);color:#b8f5d3}
.bslg-alert.is-info{background:rgba(0,195,226,.1);border-color:rgba(0,195,226,.35);color:#bdf2fb}
.bslg-alert a{color:inherit;text-decoration:underline}
.bslg-form{display:grid;gap:16px}
.bslg-field{display:grid;gap:8px;margin:0}
.bslg-field>span:first-child{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--tx)}
.bslg-field>span a{color:var(--c1);font-weight:600;text-decoration:none}
.bslg-input{position:relative;display:flex;align-items:center;gap:10px;background:#0c111c;border:1px solid var(--line);border-radius:14px;padding:0 14px;transition:border-color .2s,box-shadow .2s}
.bslg-input>svg{color:var(--mut)}
.bslg-input:focus-within{border-color:var(--c1);box-shadow:0 0 0 4px rgba(0,195,226,.14)}
.bslg-input:focus-within>svg{color:var(--c1)}
html body .bslg-input input{flex:1;min-width:0;height:50px;background:transparent!important;border:0!important;outline:0;color:var(--tx)!important;font-size:15px;padding:0!important;box-shadow:none!important}
.bslg-input input::placeholder{color:rgba(238,243,251,.35)}
.bslg-eye{background:none;border:0;color:var(--mut);cursor:pointer;padding:6px;display:flex}
.bslg-eye svg{width:20px;height:20px}
.bslg-eye[aria-pressed=true]{color:var(--c1)}
.bslg-caps{color:#ffcf6b;font-size:12px}
.bslg-remember{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mut);cursor:pointer;margin:0}
.bslg-remember input{position:absolute;opacity:0;pointer-events:none}
.bslg-switch{width:38px;height:22px;border-radius:99px;background:#253046;position:relative;transition:background .2s;flex:0 0 38px}
.bslg-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.bslg-remember input:checked+.bslg-switch{background:var(--c1)}
.bslg-remember input:checked+.bslg-switch:after{transform:translateX(16px)}
.bslg-remember input:focus-visible+.bslg-switch{outline:2px solid var(--c1);outline-offset:2px}
.bslg-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border:0;border-radius:14px;background:var(--c1);color:#04131a;font-weight:900;font-size:16px;letter-spacing:.3px;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 14px 30px -12px rgba(0,195,226,.7)}
.bslg-submit:hover{transform:translateY(-1px);box-shadow:0 18px 36px -12px rgba(0,195,226,.85)}
.bslg-submit svg{transition:transform .2s}.bslg-submit:hover svg{transform:translateX(4px)}
.bslg-submit.is-busy{opacity:.75;pointer-events:none}
.bslg-or{display:flex;align-items:center;gap:12px;margin:26px 0 14px;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}
.bslg-or:before,.bslg-or:after{content:"";flex:1;height:1px;background:var(--line)}
.bslg-alt{display:grid;gap:10px}
.bslg-alt-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--tx);text-decoration:none;transition:border-color .2s,background .2s}
.bslg-alt-btn:hover{border-color:rgba(0,195,226,.5);background:rgba(0,195,226,.06);color:var(--tx)}
.bslg-alt-btn>svg{color:var(--c1)}
.bslg-alt-btn span{display:grid}.bslg-alt-btn strong{font-size:14px}.bslg-alt-btn small{color:var(--mut);font-size:12px}
.bslg-alt-btn.is-primary{border-color:rgba(0,195,226,.4);background:rgba(0,195,226,.08)}
/* Vitrine */
.bslg-show{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;position:relative;overflow:hidden}
.bslg-deck{position:relative;height:280px;margin:0 0 8px}
.bslg-deck-card{position:absolute;left:50%;bottom:0;width:150px;aspect-ratio:3/5;transform:translateX(-50%) translateX(calc(var(--i)*70px)) rotate(calc(var(--i)*7deg)) translateY(calc(var(--i)*var(--i)*7px));transform-origin:50% 120%;z-index:calc(10 - var(--i)*var(--i));transition:transform .4s;overflow:hidden;box-shadow:0 20px 40px -12px rgba(0,0,0,.8);background:#000}
.bslg-deck-card img{width:100%;height:100%;object-fit:cover;display:block}
.bslg-deck-card.is-switch-1{border-radius:0;box-shadow:0 20px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(0,195,226,.35)}
.bslg-deck-card.is-switch-2{border-radius:14px 14px 0 0;box-shadow:0 20px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,83,103,.35)}
.bslg-deck-card.is-switch-2 img{border-radius:14px 14px 0 0}
.bslg-show:hover .bslg-deck-card{transform:translateX(-50%) translateX(calc(var(--i)*84px)) rotate(calc(var(--i)*9deg)) translateY(calc(var(--i)*var(--i)*8px - 6px))}
.bslg h2{font-size:24px;line-height:1.2;margin:0;font-weight:900;color:var(--tx)}
/* Console totals: same compact recipe as the footer game badge, scoped to login. */
.bslg-pfs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .bslg-pf{--pf-surface:var(--badge-surface);--pf-text:var(--tx);--pf-muted:var(--mut);--pf-line:color-mix(in srgb,var(--pf-c) 20%,transparent);--pf-wash:color-mix(in srgb,var(--pf-c) 14%,transparent);display:flex;align-items:center;gap:12px;min-width:0;min-height:62px;padding:11px 14px;border-radius:16px;border:1px solid var(--pf-line);background:radial-gradient(120% 100% at 0% 0%,var(--pf-wash),transparent 60%),var(--pf-surface);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pf-c) 16%,transparent)}
html body .bslg-pf>.bslg-pf-ic{flex:0 0 auto;min-width:38px;height:38px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--pf-c);background:var(--pf-wash);box-shadow:0 0 18px color-mix(in srgb,var(--pf-c) 22%,transparent)}
html body .bslg-pf-ic .bs-pf-icon{display:block;height:22px!important;width:auto!important;max-width:none!important;object-fit:contain}
html body .bslg-pf-ic i.bs-pf-icon{height:auto!important;width:auto!important;font-size:20px;line-height:1}
html body .bslg-pf>span:not(.bslg-pf-ic){display:grid;gap:3px;min-width:0}
html body .bslg-pf strong{font-size:20px;font-weight:900;color:var(--pf-text);line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}
html body .bslg-pf strong em{font-style:normal;font-size:12px;font-weight:700;color:var(--pf-c);margin-left:2px;letter-spacing:.2px;white-space:nowrap}
html body .bslg-pf small{color:var(--pf-muted);font-size:10px;font-weight:700;text-transform:uppercase;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
@media(max-width:520px){html body .bslg-pf{padding:10px 12px;gap:9px}html body .bslg-pf strong{font-size:18px}html body .bslg-pf strong em{font-size:11px}}
@media(max-width:360px){.bslg-pfs{grid-template-columns:minmax(0,1fr)}}
/* v356: only the two membership choices reuse the console badge finish. */
html body .bslg-alt-btn.is-console-finish{--choice-accent:var(--c1);--choice-line:color-mix(in srgb,var(--choice-accent) 20%,transparent);--choice-wash:color-mix(in srgb,var(--choice-accent) 14%,transparent);display:flex;align-items:center;gap:12px;min-width:0;min-height:62px;padding:11px 14px;border-radius:16px;border:1px solid var(--choice-line);background:radial-gradient(120% 100% at 0% 0%,var(--choice-wash),transparent 60%),var(--badge-surface);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--choice-accent) 16%,transparent);color:var(--tx);text-decoration:none;transition:border-color .2s,box-shadow .2s}
html body .bslg-alt-btn.is-console-finish>.bslg-alt-ic{flex:0 0 38px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:0;background:var(--choice-wash);color:var(--choice-accent);box-shadow:0 0 18px color-mix(in srgb,var(--choice-accent) 22%,transparent)}
html body .bslg-alt-btn.is-console-finish .bslg-alt-ic svg{width:22px;height:22px;flex:0 0 22px;display:block}
html body .bslg-alt-btn.is-console-finish>.bslg-alt-copy{display:grid;gap:3px;min-width:0}
html body .bslg-alt-btn.is-console-finish strong{font-size:15px;font-weight:900;line-height:1.25;letter-spacing:0;color:var(--tx);overflow-wrap:anywhere}
html body .bslg-alt-btn.is-console-finish small{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--mut);overflow-wrap:anywhere}
html body .bslg-alt-btn.is-console-finish:hover{border-color:color-mix(in srgb,var(--choice-accent) 55%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--choice-accent) 30%,transparent),inset 0 0 18px color-mix(in srgb,var(--choice-accent) 8%,transparent);color:var(--tx)}
html body .bslg-alt-btn.is-console-finish:focus-visible{outline:2px solid var(--choice-accent);outline-offset:3px}
@media(max-width:520px){html body .bslg-alt-btn.is-console-finish{padding:10px 12px;gap:9px}}
.bslg-perks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bslg-perks li{display:flex;gap:10px;align-items:center;color:var(--mut);font-size:14px}
.bslg-perks svg{color:var(--c1)}
/* Comunidade */
.bslg-comm{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.bslg-banner{--b:#29a9eb;position:relative;display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;text-decoration:none;color:var(--tx);overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--b) 22%,var(--card)),var(--card) 70%);border:1px solid color-mix(in srgb,var(--b) 40%,transparent);transition:transform .2s,box-shadow .2s}
.bslg-banner.is-wa{--b:#25d366}
.bslg-banner:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px var(--b);color:var(--tx)}
.bslg-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(var(--b),transparent 70%);opacity:.18}
.bslg-banner-ic{flex:0 0 56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--b);color:#fff}
.bslg-banner-ic svg.bsdn-i{width:28px;height:28px}
.bslg-banner-tx{display:grid;gap:4px;flex:1;min-width:0}
.bslg-banner-tx small{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--b)}
.bslg-banner-tx small svg.bsdn-i{width:14px;height:14px}
.bslg-banner-tx strong{font-size:17px}.bslg-banner-tx em{font-style:normal;color:var(--mut);font-size:13px;line-height:1.45}
.bslg-banner-go{display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:800;font-size:13px;padding:10px 14px;border-radius:99px;background:var(--b);color:#fff;position:relative;z-index:1}
.bslg-banner-go svg.bsdn-i{width:15px;height:15px}
.bslg-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:26px 0 0;color:var(--mut);font-size:13px}
.bslg-trust svg{color:var(--c1)}.bslg-trust a{color:var(--c1)}
@media (max-width:900px){.bslg-stage,.bslg-comm{grid-template-columns:1fr}.bslg-show{order:-1}.bslg-deck{height:220px}.bslg-deck-card{width:118px}}
@media (max-width:520px){html body .bslg{padding:24px 12px 40px}.bslg-card,.bslg-show{padding:22px;border-radius:18px}.bslg-banner{flex-wrap:wrap}.bslg-banner-go{width:100%;justify-content:center}.bslg-deck-card{width:96px;transform:translateX(-50%) translateX(calc(var(--i)*48px)) rotate(calc(var(--i)*7deg))}.bslg-deck{height:180px}}
@media (prefers-reduced-motion:reduce){.bslg *{animation:none!important;transition:none!important}}
.bslg-show:not(:has(.bslg-deck)){justify-content:center}
.bslg-banner:only-child{grid-column:1/-1}
@media (max-width:900px){.bslg-show{order:0}}
/* Imagem de vitrine na lateral: banner contido sobre fundo desfocado */
.bslg-hero{position:relative;flex:1;min-height:240px;margin:-36px -36px 4px;overflow:hidden;border-radius:22px 22px 0 0}
.bslg-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease}
.bslg-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,38,0) 45%,rgba(18,24,38,.75) 80%,var(--card) 100%),linear-gradient(90deg,rgba(255,83,103,.12),transparent 40%,transparent 60%,rgba(0,195,226,.12))}
.bslg-hero:before{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);border-radius:inherit;pointer-events:none}
@media (max-width:520px){.bslg-hero{margin:-22px -22px 4px;min-height:190px;border-radius:18px 18px 0 0}}
.bslg-hero{flex:0 0 auto;min-height:0;aspect-ratio:1329/1183}
.bslg-show{justify-content:flex-start}
@media (min-width:901px){.bslg-show h2{margin-top:0}.bslg-hero{margin-bottom:6px}}
.bslg-hero .bslg-hero-bg{filter:blur(28px) saturate(1.3) brightness(.55);transform:scale(1.25)}
.bslg-show:hover .bslg-hero .bslg-hero-bg{transform:scale(1.3)}
.bslg-hero .bslg-hero-main{z-index:2;object-fit:contain;transform:none;border-radius:14px;box-shadow:0 24px 48px -18px rgba(0,0,0,.75)}
.bslg-show:hover .bslg-hero .bslg-hero-main{transform:scale(1.03)}
/* Preenchimento automático do navegador no tema escuro */
html body .bslg-input input:-webkit-autofill,html body .bslg-input input:-webkit-autofill:hover,html body .bslg-input input:-webkit-autofill:focus,html body .bslg-input input:-webkit-autofill:active{-webkit-text-fill-color:var(--tx)!important;caret-color:var(--tx);-webkit-box-shadow:0 0 0 1000px #0c111c inset!important;box-shadow:0 0 0 1000px #0c111c inset!important;transition:background-color 99999s ease-out 0s;font-size:15px}
html body .bslg-input input:autofill{background:#0c111c!important;color:var(--tx)!important}
.bslg-input:has(input:-webkit-autofill){border-color:rgba(0,195,226,.45)}
.bslg-input:has(input:-webkit-autofill)>svg{color:var(--c1)}

/* v4.0.321: imagem dissolve na base */
.bslg-hero .bslg-hero-main{border-radius:14px 14px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%);box-shadow:none}
.bslg-hero .bslg-hero-bg{-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}