/* WR Vision Player — capa 2.0. Arquivo isolado: não altera privacy/terms/support. */
body.landing-page{
  --lp-green:#40ff25;
  --lp-green2:#1cf27a;
  --lp-panel:rgba(5,25,15,.86);
  --lp-line:rgba(61,255,52,.62);
  --lp-muted:#b8c9c0;
  min-height: 100vh;
  overflow:auto !important;
  color:#fff;
  background:
    radial-gradient(circle at 81% 18%,rgba(48,255,43,.10),transparent 24%),
    radial-gradient(circle at 14% 38%,rgba(20,188,87,.08),transparent 28%),
    linear-gradient(115deg,#020805 0%,#030b08 50%,#020705 100%);
}
body.landing-page::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.9;
  background:
    linear-gradient(90deg,transparent 0 72%,rgba(17,80,43,.10) 72% 100%),
    radial-gradient(ellipse at 88% 43%,rgba(34,255,51,.10),transparent 26%);
}
body.landing-page::after{
  content:"";position:fixed;right:0;top:18%;width:28vw;height:38vh;pointer-events:none;
  opacity:.35;filter:blur(3px);transform:perspective(800px) rotateY(-8deg);
  background:
    linear-gradient(90deg,rgba(11,33,23,.45),rgba(19,86,49,.28)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 42px,transparent 42px 54px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 62px,transparent 62px 76px);
  border-left:1px solid rgba(48,255,54,.12);border-top:1px solid rgba(48,255,54,.10);
  box-shadow:0 0 90px rgba(23,255,42,.10);
}
.landing-shell{position:relative;z-index:1;width:min(1120px,calc(100% - 36px));margin:0 auto;padding:46px 0 26px}
.hero-brand{text-align:center;margin-bottom:26px}
.brand-lockup{display:inline-flex;align-items:center;justify-content:center;gap:20px;max-width:100%}
.brand-badge{width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(59,255,40,.28))}
.brand-copy{text-align:left;min-width:0}
.brand-title{font-size:clamp(38px,5vw,69px);font-weight:900;letter-spacing:-.045em;line-height:.95;white-space:nowrap;text-shadow:0 5px 18px #000}
.brand-title span{color:#f4f6f5}.brand-title strong{color:var(--lp-green);font-weight:900}
.brand-line{display:flex;align-items:center;height:18px;margin-top:8px;width:100%}
.brand-line i{display:block;width:34%;height:6px;background:linear-gradient(90deg,#2c9c4f,#45ff35);clip-path:polygon(0 100%,9% 0,96% 0,100% 40%,35% 55%,31% 100%)}
.brand-line b{display:block;flex:1;height:3px;margin-left:-2px;background:linear-gradient(90deg,#33fd53,#7d9687);opacity:.8}
.brand-subtitle{margin-top:8px;font-size:clamp(15px,1.8vw,22px);font-weight:800;letter-spacing:.38em;color:#fff;text-shadow:0 2px 10px #000}

body.landing-page .connection-card{width:100%;padding:27px 38px 16px !important;border-radius:24px !important;border:1px solid var(--lp-line) !important;background:linear-gradient(180deg,rgba(8,34,21,.90),rgba(3,18,11,.92)) !important;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025) !important;backdrop-filter:blur(10px)}
body.landing-page .lookup-line{display:grid !important;grid-template-columns:220px minmax(0,1fr) !important;align-items:center !important;gap:18px !important}
body.landing-page .lookup-title{font-size:22px !important;font-weight:800 !important;color:#fff !important;white-space:nowrap}
body.landing-page .lookup-controls{display:grid !important;grid-template-columns:minmax(280px,1fr) 220px !important;gap:24px !important}
body.landing-page .code{height:60px !important;border-radius:13px !important;border:1px solid #d9e4de !important;background:#fff !important;color:#666 !important;font-size:26px !important;font-weight:900 !important;letter-spacing:.28em !important;padding-left:calc(12px + .28em) !important;box-shadow:inset 0 1px 0 rgba(0,0,0,.04),0 3px 12px rgba(0,0,0,.18)}
body.landing-page .code:focus{border-color:var(--lp-green) !important;box-shadow:0 0 0 3px rgba(56,255,47,.14),0 3px 12px rgba(0,0,0,.18) !important}
body.landing-page .primary{background:linear-gradient(180deg,#4aff2f,#17e431) !important;color:#051207 !important;box-shadow:0 7px 18px rgba(21,234,49,.15)}
body.landing-page .btn{border-radius:12px !important;min-height:58px !important;font-size:16px !important;font-weight:900 !important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease !important}
body.landing-page .btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.connect-hint{display:flex;align-items:center;gap:13px;margin-top:20px;padding:10px 15px;border:1px solid rgba(49,124,77,.26);border-radius:14px;background:linear-gradient(90deg,rgba(7,29,18,.95),rgba(3,17,11,.52));color:#d9e5df;font-size:16px}
.hint-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(39,255,48,.07);color:var(--lp-green)}
.hint-icon svg{width:24px;height:24px;fill:currentColor}
body.landing-page .notice{margin:13px 0 0 !important;padding:7px 11px !important;border-radius:9px !important;background:rgba(9,43,25,.72) !important;color:#c8dbd0 !important;font-size:10.5px !important;line-height:1.3 !important;text-align:center}

.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 34px}
.benefit-card{min-height:126px;padding:24px 30px;display:flex;align-items:center;gap:21px;border:1px solid rgba(40,94,62,.22);border-radius:18px;background:linear-gradient(145deg,rgba(8,28,18,.78),rgba(4,16,10,.75));box-shadow:0 18px 34px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.benefit-icon{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;color:var(--lp-green);filter:drop-shadow(0 0 10px rgba(52,255,43,.26))}
.benefit-icon svg{width:58px;height:58px;fill:currentColor}
.benefit-card h3{margin:0 0 7px;font-size:19px}.benefit-card p{margin:0;color:#d6ded9;font-size:15px;line-height:1.5}

body.landing-page .connected-head{min-height:58px !important;padding:0 0 14px !important;margin:0 0 14px !important;border-bottom:1px solid rgba(55,182,99,.25) !important}
body.landing-page .connected-left strong{font-size:16px !important}
body.landing-page .code-inline{font-size:14px !important}
body.landing-page .send-top{min-width:190px !important;min-height:48px !important;font-size:13px !important}
body.landing-page .compact-tabs .btn{min-height:46px !important;font-size:13px !important}
body.landing-page .field input{height:44px !important;background:rgba(2,13,8,.92) !important;border:1px solid rgba(54,141,90,.65) !important;border-radius:10px !important}
body.landing-page .field label{font-size:12px !important;color:#d1ead9 !important}
body.landing-page .msg{padding:9px 12px !important;margin-bottom:12px !important;border-radius:10px !important;font-size:12px !important}

body.landing-page .landing-footer{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;margin:0 !important;padding:28px 16px 0 !important;border-top:1px solid rgba(66,255,57,.22) !important;font-size:15px !important;align-items:center !important;color:#d5dfd9 !important}
.footer-link{display:flex;align-items:center;gap:12px;color:#e5eee9 !important;text-decoration:none !important;font-weight:500 !important;padding:10px 0}
.footer-link b{margin-left:auto;color:var(--lp-green);font-size:29px;line-height:1;font-weight:300}.footer-icon{width:28px;text-align:center;color:#84ac98;font-size:22px}
.copyright{grid-column:1/-1;text-align:center;margin-top:14px;color:#718077;font-size:14px}

@media(max-width:900px){
  .landing-shell{padding-top:30px}.brand-badge{width:130px;height:130px}.brand-title{font-size:clamp(34px,7vw,54px)}
  body.landing-page .lookup-line{grid-template-columns:1fr !important}.lookup-title{text-align:left}
  body.landing-page .lookup-controls{grid-template-columns:minmax(0,1fr) 180px !important;gap:12px !important}
  .benefits{gap:12px}.benefit-card{padding:20px 18px}.benefit-icon{width:52px;height:52px}.benefit-icon svg{width:48px;height:48px}
}
@media(max-width:700px){
  body.landing-page{overflow:auto !important}.landing-shell{width:min(100% - 20px,620px);padding:20px 0}
  .hero-brand{margin-bottom:18px}.brand-lockup{gap:9px}.brand-badge{width:92px;height:92px}.brand-title{font-size:clamp(29px,10vw,42px)}.brand-line{height:12px;margin-top:4px}.brand-subtitle{font-size:11px;letter-spacing:.28em;margin-top:5px}
  body.landing-page .connection-card{padding:18px 14px 13px !important;border-radius:18px !important}
  body.landing-page .lookup-line{gap:10px !important}.lookup-title{font-size:17px !important}
  body.landing-page .lookup-controls{grid-template-columns:1fr !important;gap:10px !important}.code{height:54px !important}.btn{min-height:50px !important}
  .connect-hint{font-size:13px;padding:9px 10px;margin-top:12px}
  .benefits{grid-template-columns:1fr;margin:16px 0 22px}.benefit-card{min-height:94px;padding:16px 18px}
  body.landing-page .landing-footer{grid-template-columns:1fr !important;padding:18px 4px 0 !important;gap:2px !important}.footer-link{border-bottom:1px solid rgba(255,255,255,.05)}.copyright{margin-top:12px;padding:8px 0 2px;font-size:12px}
  body.landing-page .connected-head{align-items:flex-start !important;gap:12px !important}.connected-left{flex-wrap:wrap !important}.send-top{min-width:145px !important}
  body.landing-page .m3u-form, body.landing-page .credentials-row{grid-template-columns:1fr !important}
}
@media(max-height:760px) and (min-width:901px){
  .landing-shell{padding-top:22px}.hero-brand{margin-bottom:14px}.brand-badge{width:118px;height:118px}.brand-title{font-size:50px}.brand-subtitle{font-size:16px}
  body.landing-page .connection-card{padding-top:19px !important;padding-bottom:12px !important}.benefits{margin:18px 0 20px}.benefit-card{min-height:98px;padding:17px 23px}.landing-footer{padding-top:18px !important}.copyright{margin-top:7px}
}


/* V5.1 — correção de rolagem das páginas internas */
html, body {
    min-height: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto !important;
}

body {
    position: static;
}

main,
.page,
.page-content,
.content,
.content-wrapper,
.legal-page,
.legal-content,
.support-page,
.support-content,
.container {
    height: auto !important;
    max-height: none !important;
    min-height: 0;
    overflow: visible !important;
}

body.privacy-page,
body.terms-page,
body.support-page {
    min-height: 100vh;
    height: auto !important;
    overflow-y: auto !important;
}

body.privacy-page main,
body.terms-page main,
body.support-page main {
    padding-bottom: 48px;
}