*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090e;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,.poster:focus-visible{outline:3px solid #ff626d;outline-offset:3px}header{height:82px;display:flex;align-items:center;gap:35px;padding:0 5%;position:sticky;top:0;background:#0a0b10f2;backdrop-filter:blur(18px);z-index:10;border-bottom:1px solid #ffffff12}.brand{font-size:30px;font-weight:1000;letter-spacing:2px;color:#f44355}.brand span{color:#888;font-size:10px;vertical-align:top;margin-left:6px;letter-spacing:3px}nav{display:flex;gap:8px;flex:1}nav button,.tools button{border:0;background:transparent;color:#a5a5b1;padding:12px 15px;border-radius:9px;font-weight:650}nav button:hover,nav button.active,.tools button:hover{color:white;background:#ffffff14}.tools{display:flex;gap:8px}.hidden{display:none!important}.gate{min-height:calc(100vh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse at 75% 25%,#541b31 0%,transparent 42%),radial-gradient(ellipse at 10% 80%,#1c1c40 0%,transparent 48%),#08090e}.eyebrow{font-size:11px;letter-spacing:4px;color:#ff6675;font-weight:800}.gate h1,.hero h1{font-size:clamp(40px,6vw,83px);line-height:1.06;letter-spacing:-3px;margin:23px 0}.gate h1 em,.hero h1 em{font-style:normal;color:#ff566a}.gate p,.hero p{max-width:590px;color:#a5a5b3;line-height:1.8}.primary{background:#ef4059;color:white;border:0;border-radius:12px;padding:17px 28px;font-weight:800;box-shadow:0 12px 38px #e92f523d;margin-top:18px}.primary:hover{background:#ff6377}form{width:min(410px,95vw);display:grid;gap:15px;text-align:left;background:#15161f;padding:28px;border-radius:18px;border:1px solid #ffffff16}label{display:grid;gap:8px;color:#bdbdc8;font-size:13px}input{padding:14px 16px;background:#0e0f16;border:1px solid #373742;color:white;border-radius:10px;width:100%;outline:0}#status{color:#ff8796;margin:0;font-size:13px}.hero{min-height:440px;padding:90px 7% 60px;background:linear-gradient(90deg,#0a0b10 10%,#0a0b1080),radial-gradient(ellipse at 80% 40%,#642037 0%,#10121d 60%)}.hero h1{font-size:clamp(40px,5vw,70px)}.content{padding:40px 6% 80px}.topline{display:flex;justify-content:space-between;align-items:end;gap:20px}.topline h2{font-size:30px;margin:10px 0}.search{display:flex;max-width:370px;width:100%;gap:5px}.search button,.secondary{background:#292a35;color:white;border:0;border-radius:10px;padding:12px 18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:22px;margin-top:25px}.poster{background:#171822;border:1px solid #ffffff13;border-radius:13px;overflow:hidden;cursor:pointer;text-align:left;color:white;padding:0;transition:transform .2s,border-color .2s}.poster:hover,.poster:focus{transform:translateY(-6px) scale(1.02);border-color:#f65a6d}.poster img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#242533}.poster .fallback{aspect-ratio:2/3;display:grid;place-items:center;font-size:45px}.poster .meta{padding:12px}.poster strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster small{display:block;color:#8f90a0;margin-top:7px}#message{color:#aeb0bc;padding-top:12px}#more{display:block;margin:30px auto}.modal{position:fixed;inset:0;z-index:20;background:#000c;display:grid;place-items:center;padding:18px}.modalBox{background:#181923;border:1px solid #ffffff28;border-radius:20px;max-width:660px;width:100%;padding:35px;max-height:90vh;overflow:auto;position:relative}.close{position:absolute;right:15px;top:15px;border:0;border-radius:8px;background:#343541;color:white;padding:10px}.modalBox h2{font-size:30px}.modalBox p{color:#b5b5c0;line-height:1.7}.modalBox a{color:#ff7484}#detailContent img{width:125px;border-radius:10px;float:left;margin:0 22px 15px 0}@media(max-width:760px){header{height:auto;flex-wrap:wrap;padding:15px 4%;gap:8px}nav{order:3;width:100%;overflow:auto}nav button{white-space:nowrap;padding:10px}header .tools{margin-left:auto}.topline{display:block}.search{max-width:none}.grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.hero{min-height:360px;padding:65px 6%}.content{padding:28px 4%}.gate h1{letter-spacing:-1px}}
/* TFLIX WEB V1.3 — premium home */
:root{color-scheme:dark;--accent:#f04460}
header{height:76px;background:#090a0fef;padding:0 5.2%;border-bottom:1px solid #ffffff13;gap:38px}
.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:151px;max-height:52px;display:block}
nav button{border-radius:11px;transition:background .2s,color .2s}nav button.active{background:#ffffff0c;color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
.hero{position:relative;min-height:min(70vh,680px);padding:0;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 82% 32%,#581b31,#101019 55%,#08090e 90%)}
.hero-backdrop{position:absolute;inset:0;background-position:center 33%;background-size:cover;opacity:0;transition:opacity .5s ease;z-index:-2}
.hero-backdrop.has-image{opacity:.87}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090e 0%,#08090ef2 24%,#08090e8c 57%,#08090e1a 100%),linear-gradient(0deg,#08090e 0%,transparent 34%,#08090e38 100%);z-index:-1}
.hero-inner{min-height:min(70vh,680px);max-width:1660px;margin:auto;padding:100px 6% 35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-tag{font-size:11px;letter-spacing:3px;font-weight:850;color:#f9c3cb;display:flex;align-items:center;gap:11px}
.live-dot{display:inline-block;width:8px;height:8px;background:#f34862;border-radius:50%;box-shadow:0 0 15px #ff385a}
.hero h1{font-size:clamp(40px,5.3vw,78px);max-width:790px;line-height:1.06;letter-spacing:-2.7px;margin:24px 0 16px;text-wrap:balance;text-shadow:0 5px 30px #0009}
.hero p{font-size:clamp(14px,1.2vw,17px);max-width:600px;color:#d3d0d7;line-height:1.75;margin:0 0 8px;text-shadow:0 2px 10px #000b}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-actions button{margin-top:23px;min-height:53px;padding:15px 25px;border-radius:10px}
.hero-secondary{border:1px solid #ffffff50;background:#15151cbf;color:#fff;font-weight:800;backdrop-filter:blur(12px)}.hero-secondary:hover{background:#33313d}
.hero-footer{display:flex;align-items:center;gap:25px;width:100%;margin-top:55px}.hero-footer>span{font-size:11px;color:#aaa9b2;font-weight:800;letter-spacing:2px}
.hero-dots{display:flex;align-items:center;gap:8px;margin-left:auto}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#ffffff65;transition:width .25s,background .25s}.hero-dots button.selected{width:32px;background:var(--accent)}
.hero-arrows{display:flex;gap:8px}.hero-arrows button{width:38px;height:38px;border:1px solid #ffffff42;background:#0b0b13a8;color:#fff;border-radius:50%;font-size:25px;line-height:1}.hero-arrows button:hover{background:#e8405a}
.content{padding-top:42px}.topline{align-items:center}.topline h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.8px}
.search{max-width:460px;display:flex;align-items:center;gap:0;position:relative;background:#14151d;border:1px solid #ffffff2a;border-radius:13px;padding:5px;transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:#f05470;box-shadow:0 0 0 3px #f0547026}
.search-icon{color:#f6a6b5;font-size:30px;line-height:1;margin-left:12px;transform:rotate(-18deg)}
.search input{background:transparent;border:0;box-shadow:none!important;padding:12px;min-width:0;flex:1;outline:0;font-size:14px}
.search button{background:#e83e59;color:white;border:0;border-radius:9px;padding:12px 16px;font-weight:800;white-space:nowrap}.search button:hover{background:#ff5a73}
.poster{box-shadow:0 15px 30px #0005}.poster:hover{box-shadow:0 22px 45px #0009}
@media(max-width:760px){header{height:auto;gap:10px;padding:12px 4%}.brand img{width:122px}nav{order:3;width:100%}.hero,.hero-inner{min-height:470px}.hero-inner{padding:66px 5% 26px}.hero h1{letter-spacing:-1.5px}.hero-shade{background:linear-gradient(90deg,#08090ef2,#08090e9e),linear-gradient(0deg,#08090e,transparent 60%)}.hero-footer{margin-top:35px;gap:10px}.hero-footer>span{font-size:9px;letter-spacing:1px}.hero-arrows button{width:34px;height:34px}.search{max-width:100%;margin-top:12px}.content{padding:32px 4% 70px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop,.hero-dots button{transition:none}}


/* V1.6 - cinematic login only */
.cinematic-login{position:relative;isolation:isolate;min-height:calc(100vh - 76px);overflow:hidden;padding:55px 20px;background:#05060a}
.cinematic-login .movie-wall{position:absolute;inset:-15% -10%;z-index:-3;transform:rotate(-10deg) scale(1.16);opacity:.9}
.movie-wall-inner{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));grid-template-rows:repeat(2,minmax(260px,38vh));gap:20px;width:100%;height:100%;filter:saturate(.95)}
.film-card{position:relative;overflow:hidden;border-radius:19px;border:1px solid #ffffff20;box-shadow:0 18px 55px #000b;display:flex;align-items:end;padding:25px;text-align:left}
.film-card::before{content:'';position:absolute;inset:10% 10% 0;border-radius:50% 50% 0 0;filter:blur(3px);background:linear-gradient(130deg,#ffffff17,#0000 40%),radial-gradient(ellipse at 50% 45%,#161825 0 16%,#05060c 18% 31%,transparent 32%);transform:scale(1.35)}
.film-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 70%)}
.film-card span{position:relative;z-index:1;font-size:clamp(22px,3vw,45px);font-weight:950;letter-spacing:-1px;line-height:.95;text-shadow:0 4px 12px #000}
.film-one{background:radial-gradient(circle at 50% 35%,#c93a4c,#2a0918 60%,#09070e)}.film-two{background:radial-gradient(circle at 70% 20%,#13728d,#0a1a32 56%,#08070f)}.film-three{background:radial-gradient(circle at 45% 35%,#ba7543,#332026 60%,#07070c)}.film-four{background:radial-gradient(circle at 60% 30%,#722b83,#11102a 60%,#05050a)}.film-five{background:radial-gradient(circle at 45% 30%,#566c7c,#1b222b 60%,#05070b)}.film-six{background:radial-gradient(circle at 60% 25%,#9a354d,#251025 60%,#050509)}
.cinematic-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#04060ac9,#04060a70 50%,#04060ac9),linear-gradient(0deg,#05060be6,#05060b35 50%,#05060be0);backdrop-filter:blur(2px)}
.login-panel{width:min(460px,100%);padding:35px 34px 32px;border-radius:22px;background:linear-gradient(145deg,#171b26e8,#0b0d17f2);border:1px solid #ffffff30;box-shadow:0 35px 100px #000c,0 0 70px #ed355020;backdrop-filter:blur(24px);text-align:center}
.login-brand img{display:block;width:min(225px,75%);height:70px;margin:0 auto 3px;object-fit:contain}.login-brand>div{font-size:10px;letter-spacing:3px;color:#d3c5cb;font-weight:750;margin:0 0 26px}
#login .login-panel h1{font-size:clamp(24px,3vw,29px);letter-spacing:-.7px;line-height:1.2;margin:0 0 6px}
#login .login-subtitle{font-size:13px;color:#b9b9c4;line-height:1.4;margin:0 auto 26px}
#loginForm{width:100%;padding:0;border:0;border-radius:0;background:transparent;gap:13px}
.cinematic-field{display:flex;align-items:center;position:relative;border:1px solid #ffffff1b;background:#252b3b;border-radius:11px;transition:border-color .2s,box-shadow .2s}
.cinematic-field:focus-within{border-color:#ff496b;box-shadow:0 0 0 3px #ff496b2e}
.cinematic-field .field-icon{font-size:23px;width:45px;text-align:center;color:#d6d8e2;flex-shrink:0}
.cinematic-field input{padding:15px 12px 15px 0;border:0;background:transparent;border-radius:11px;box-shadow:none;min-width:0}
.cinematic-field input::placeholder{color:#aab0c0}
.show-password{border:0;background:transparent;color:#c4c7d1;padding:10px 14px}
.login-options{display:flex;justify-content:flex-start;margin:2px 0 1px}.remember{display:flex;align-items:center;gap:8px;font-size:12px;color:#d5d3da;cursor:pointer}.remember input{width:15px;height:15px;accent-color:#f53d5e;padding:0}
#loginForm .primary{width:100%;margin:5px 0 0;min-height:52px;background:linear-gradient(100deg,#ff365e,#e91e4e);border-radius:11px;box-shadow:0 14px 35px #e91e4e55;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,box-shadow .2s}
#loginForm .primary:hover{transform:translateY(-2px);box-shadow:0 18px 45px #e91e4e88}
#loginForm .primary:disabled{opacity:.7;cursor:wait}
#loginForm #status{min-height:15px;text-align:center;line-height:1.4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){#login.cinematic-login{min-height:calc(100dvh - 125px);padding:30px 15px}.login-panel{padding:25px 20px}.movie-wall-inner{grid-template-columns:repeat(2,1fr)}.film-card:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){#loginForm .primary{transition:none}}

/* V1.5 — login cinematográfico refinado: cartazes SVG locais, sem dependência de rede */
#login.cinematic-login{min-height:calc(100svh - 76px);padding:48px 20px 62px;background:#06060a}
.cinematic-login .movie-wall{inset:-19% -8%;transform:rotate(-10deg) scale(1.12);opacity:1;filter:brightness(.77) saturate(1.1)}
.movie-wall-inner{grid-template-columns:repeat(6,minmax(175px,1fr));grid-template-rows:repeat(2,minmax(360px,68vh));gap:18px;transform:translateX(-4%);width:115%}
.film-card{padding:0;border-radius:13px;background-size:cover!important;background-position:center!important;box-shadow:0 20px 70px #000b}
.film-card::before,.film-card::after,.film-card span{display:none}
.film-one{background-image:url('posters/poster-1.svg')}.film-two{background-image:url('posters/poster-2.svg')}.film-three{background-image:url('posters/poster-3.svg')}.film-four{background-image:url('posters/poster-4.svg')}.film-five{background-image:url('posters/poster-5.svg')}.film-six{background-image:url('posters/poster-6.svg')}
.cinematic-shade{background:linear-gradient(90deg,#05050bc7,#05050b69 50%,#05050bc7),linear-gradient(0deg,#05050be8,transparent 43%,#05050b9e);backdrop-filter:blur(3px)}
.login-panel{width:min(450px,100%);padding:36px 38px 32px;border:1px solid #ffffff36;border-radius:20px;background:linear-gradient(145deg,#17151ce8,#0c0b12ef);box-shadow:0 30px 100px #000d,0 0 0 1px #ef34521a,0 0 90px #d9214624;backdrop-filter:blur(22px)}
.login-brand img{width:190px;height:60px}.login-brand>div{margin-bottom:22px;color:#b7abb3}
#login .login-panel h1{font-size:29px}#login .login-subtitle{margin-bottom:23px}
.cinematic-field{background:#181921;border:1px solid #45414c;border-radius:10px}.cinematic-field .field-icon{font-size:20px;color:#ef6981}
#loginForm .primary{background:linear-gradient(100deg,#ff3156,#d90c37);box-shadow:0 12px 34px #f12c5260;letter-spacing:.7px}
#loginForm .primary:hover{background:linear-gradient(100deg,#ff536f,#ed204c)}
#loginForm .primary:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){#login.cinematic-login{min-height:calc(100svh - 125px);padding:26px 14px 36px}.cinematic-login .movie-wall{inset:-10% -70%;transform:rotate(-8deg) scale(1.08)}.movie-wall-inner{grid-template-columns:repeat(3,minmax(180px,1fr));grid-template-rows:repeat(2,55vh);width:100%}.film-card:nth-child(n+5){display:flex}.login-panel{padding:28px 22px}}


/* V1.7 — composição da referência 02, sem alterar a área interna do site */
body:has(#login:not(.hidden))>header{display:none!important}
#login.cinematic-login{min-height:100svh;padding:42px 18px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#05060b}
#login .movie-wall{position:absolute;inset:-17% -8%;z-index:-3;overflow:hidden;transform:rotate(-9deg) scale(1.09);filter:none;opacity:1}
#login .movie-wall-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,58vh);gap:14px;width:100%;height:100%;transform:none}
#login .film-card{display:block;position:relative;min-width:0;min-height:0;padding:0;border-radius:10px;background-color:#1b1e2b;background-position:center;background-size:cover!important;border:1px solid #ffffff1e;box-shadow:0 12px 40px #0008;overflow:hidden}
#login .film-card::before,#login .film-card::after,#login .film-card span{display:none!important}
#login .film-card:nth-child(6n+2){transform:translateY(-30px)}
#login .film-card:nth-child(6n+4){transform:translateY(25px)}
#login .film-card:nth-child(6n+6){transform:translateY(-18px)}
#login .cinematic-shade{position:absolute;inset:0;z-index:-2;backdrop-filter:blur(1px);background:linear-gradient(90deg,rgba(2,4,10,.58),rgba(4,5,11,.20) 30%,rgba(3,4,10,.25) 65%,rgba(3,4,10,.52)),linear-gradient(0deg,rgba(3,4,9,.72),transparent 35%,rgba(3,4,9,.34));}
#login .login-panel{width:min(470px,100%);padding:34px 34px 36px;border-radius:19px;border:1px solid #ffffff35;background:linear-gradient(145deg,rgba(14,17,27,.87),rgba(9,11,19,.91));box-shadow:0 30px 100px #000b,0 0 50px #0005;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);position:relative;z-index:1}
#login .login-brand img{width:194px;height:64px;margin:0 auto 0;object-fit:contain}
#login .login-brand>div{font-size:9px;letter-spacing:2.7px;margin:0 0 27px;color:#c2bfc8}
#login .login-panel h1{font-size:26px;letter-spacing:-.8px;margin:0 0 7px;line-height:1.15}
#login .login-subtitle{font-size:13px;margin:0 auto 27px;color:#c0bdc9}
#login #loginForm{width:100%;display:grid;gap:12px;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
#login #loginForm .cinematic-field{width:100%;height:49px;display:flex;align-items:center;gap:0;padding:0;border-radius:10px;border:1px solid #ffffff28;background:rgba(36,42,58,.86);overflow:visible;box-shadow:none}
#login #loginForm .cinematic-field:focus-within{border-color:#ff4664;box-shadow:0 0 0 2px #ff46643b}
#login #loginForm .cinematic-field .field-icon{display:grid;place-items:center;width:46px;height:100%;color:#d0d1db;flex:0 0 46px}
#login #loginForm .cinematic-field input{display:block;flex:1;width:0;min-width:0;height:100%;padding:0 10px 0 0;margin:0;border:0!important;outline:0!important;outline-offset:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#fff;font-size:13px}
#login #loginForm .cinematic-field input:focus-visible{outline:0!important}
#login #loginForm .cinematic-field input::placeholder{color:#b0b4c1}
#login #loginForm .show-password{height:100%;display:grid;place-items:center;border:0;background:transparent;color:#d3d4df;font-size:17px;padding:0 14px}
#login .login-options{margin:3px 0 0}
#login #loginForm .primary{width:100%;height:51px;margin:5px 0 0;padding:0 16px;border-radius:10px;background:linear-gradient(100deg,#ff2d55,#ee1747);box-shadow:0 14px 33px #ff24504a;font-size:13px;letter-spacing:.15px}
#login #loginForm #status{min-height:0;margin:0}
@media(max-width:700px){#login.cinematic-login{padding:20px 14px}#login .movie-wall{inset:-10% -80%;transform:rotate(-8deg) scale(1.08)}#login .movie-wall-inner{grid-template-columns:repeat(4,minmax(140px,1fr));grid-template-rows:repeat(3,40vh)}#login .login-panel{padding:29px 22px}#login .login-panel h1{font-size:25px}}


/* V1.8 — Campos premium, harmonizados com a referência cinematográfica */
#login #loginForm{gap:15px}
#login #loginForm .cinematic-field{height:62px;position:relative;gap:0;border-radius:13px;background:linear-gradient(145deg,rgba(32,37,53,.93),rgba(25,29,42,.96));border:1px solid rgba(199,205,225,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.16);overflow:hidden;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}
#login #loginForm .cinematic-field:hover{border-color:rgba(255,255,255,.35);background:linear-gradient(145deg,rgba(37,43,60,.97),rgba(29,33,48,.98))}
#login #loginForm .cinematic-field:focus-within{border-color:#ff4c70;box-shadow:0 0 0 3px rgba(255,61,103,.14),0 0 28px rgba(255,38,83,.12),inset 0 1px 0 rgba(255,255,255,.055)}
#login #loginForm .cinematic-field:focus-within::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#ff3d65;box-shadow:0 0 15px #ff3d65}
#login #loginForm .cinematic-field .field-icon{width:54px;flex-basis:54px;color:#aeb7cc;transition:color .2s}
#login #loginForm .cinematic-field:focus-within .field-icon{color:#ff6482}
#login #loginForm .premium-input-wrap{position:relative;display:block;flex:1;height:100%;min-width:0}
#login #loginForm .premium-input-wrap input{position:absolute;inset:0;width:100%;height:100%;padding:21px 10px 5px 0!important;margin:0!important;font-size:14px;font-weight:600;letter-spacing:.15px;color:#fff!important;line-height:1.2;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
#login #loginForm .premium-floating-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:13px;font-weight:500;color:#aab1c1;pointer-events:none;transition:top .17s,transform .17s,font-size .17s,color .17s}
#login #loginForm .premium-input-wrap input:focus~.premium-floating-label,#login #loginForm .premium-input-wrap input:not(:placeholder-shown)~.premium-floating-label{top:13px;transform:none;font-size:10px;color:#e7a2b2;letter-spacing:.3px}
#login #loginForm .premium-input-wrap input:-webkit-autofill,#login #loginForm .premium-input-wrap input:-webkit-autofill:hover,#login #loginForm .premium-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 100px #22283a inset!important;box-shadow:0 0 0 100px #22283a inset!important;border-radius:0!important}
#login #loginForm .show-password{width:45px;min-width:45px;padding:0;color:#aab2c4;transition:color .2s,background .2s}
#login #loginForm .show-password:hover{color:#fff;background:#ffffff0c}
#login #loginForm .show-password:focus-visible{outline:2px solid #ff607c;outline-offset:-4px;border-radius:9px}
#login .login-options{margin:0 0 1px}
@media(max-width:520px){#login #loginForm .cinematic-field{height:58px}}

/* V1.9 — mais respiro entre o rótulo e o texto digitado */
#login #loginForm .cinematic-field{height:72px}
#login #loginForm .premium-input-wrap input{padding:34px 12px 9px 0!important;font-size:16px!important;font-weight:650;line-height:1.35}
#login #loginForm .premium-input-wrap input:focus~.premium-floating-label,
#login #loginForm .premium-input-wrap input:not(:placeholder-shown)~.premium-floating-label{top:12px;font-size:11px;font-weight:650}
#login #loginForm .premium-floating-label{font-size:14px}
@media(max-width:520px){#login #loginForm .cinematic-field{height:68px}}


/* TFLIX - home igual à referência aprovada: banner sob a navegação */
body:has(#home:not(.hidden))>header{position:absolute!important;top:0;left:0;right:0;height:76px!important;z-index:15;background:linear-gradient(180deg,rgba(5,6,11,.74),rgba(5,6,11,0))!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body:has(#home:not(.hidden))>header nav button.active{background:#15161bbd!important;box-shadow:inset 0 -2px 0 #ef3154}
#home .hero,#home .hero-inner{min-height:600px!important}
#home .hero{background:#07080e!important;position:relative;isolation:isolate;overflow:hidden}
#home .hero-backdrop{background-image:url('hero-cinema.jpg')!important;background-size:cover!important;background-position:right 26%!important;opacity:1!important;inset:0 0 0 27%;z-index:-2}
#home .hero-shade{background:linear-gradient(90deg,#06070c 0%,#06070cf5 15%,#06070cb3 33%,#06070c17 65%,#06070c20 100%),linear-gradient(0deg,#07080e 0%,transparent 32%)!important;z-index:-1}
#home .hero-inner{padding:135px 5% 72px!important;max-width:none;justify-content:center}
#home .hero-tag{display:none}
#home .hero h1{font-size:clamp(48px,6vw,93px)!important;font-weight:1000;line-height:1;letter-spacing:-3.5px;margin:12px 0 20px;max-width:710px;text-transform:uppercase;font-style:italic;text-shadow:0 5px 20px #000b}
#home .hero h1 em{color:#e81838}
#home .hero p{max-width:500px;font-size:17px;line-height:1.48;color:#f0f0f3}
#home .hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
#home .hero-meta span{background:#262833df;padding:6px 9px;border-radius:5px;font-size:13px;font-weight:750}
#home .hero-meta span:nth-child(2){background:#ed2348;color:white}
#home .hero-actions button{margin-top:20px;font-size:16px;min-height:55px}
#home .hero-actions .primary{background:#ed2046;box-shadow:none}
#home .hero-footer{display:none!important}
#home .launch-section{position:relative;z-index:2;margin-top:-70px;padding:0 3% 10px}
#home .launch-section h2,#home .content h2{font-size:25px;font-weight:800;margin:0 0 15px}
#home .launch-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
#home .launch-grid .poster{min-width:0;box-shadow:none}
#home .launch-grid .poster img{width:100%;aspect-ratio:2/3;display:block;object-fit:cover}
#home .launch-grid .poster .meta{display:none}
#home .content{padding:30px 3% 80px}
#home .content .topline{margin-bottom:14px}
#home .content .eyebrow{display:none}
@media(max-width:900px){#home .launch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#home .hero-backdrop{inset:0 0 0 10%;background-position:center!important}#home .hero-shade{background:linear-gradient(90deg,#07080ee8,#07080e40),linear-gradient(0deg,#07080e,transparent 45%)!important}}
@media(max-width:600px){body:has(#home:not(.hidden))>header{height:auto!important;background:#07080e9c!important}#home .hero,#home .hero-inner{min-height:580px!important}#home .hero-inner{padding:160px 5% 105px!important}#home .hero h1{font-size:50px!important}#home .hero p{font-size:14px}#home .launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#home .launch-section{margin-top:-75px}#home .hero-backdrop{inset:0!important;opacity:.65!important}}