:root{color-scheme:dark;--bg:#050810;--panel:#0c111b;--panel2:#111827;--line:#202838;--text:#f7f7fb;--muted:#9ca5b5;--purple:#8b36f4;--violet:#5b21b6;--blue:#1688e8;--green:#43d45b;--danger:#ff6176;--radius:17px;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden;background:radial-gradient(circle at 82% 0,#101725 0,transparent 34%),#050810}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted);line-height:1.55}.eyebrow{margin:0 0 8px;color:#aa65ff;font-size:11px;font-weight:850;letter-spacing:.17em}.brand-lockup{height:76px;display:flex;align-items:center;gap:12px}.brand-lockup>span:last-child{display:flex;flex-direction:column}.brand-lockup strong{font-size:25px;line-height:1;font-weight:950;letter-spacing:.03em}.brand-lockup strong span{color:#a44cff}.brand-lockup small{margin-top:6px;color:#d4d7df;font-size:8px;font-weight:800;letter-spacing:.18em}.brand-logo{position:relative;width:48px;height:48px;display:block;filter:drop-shadow(0 10px 17px #751cff55)}.brand-logo:before,.brand-logo i,.brand-logo b{content:"";position:absolute;inset:5px 4px;clip-path:polygon(0 0,100% 50%,0 100%);border-radius:8px}.brand-logo:before{background:linear-gradient(160deg,#7175ff,#872df4)}.brand-logo i{inset:14px 13px;background:#06101d;z-index:1}.brand-logo b{inset:20px 18px;background:#1ca2ff;z-index:2}.login-shell{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:28px;background:linear-gradient(130deg,#050711 30%,#0b1020)}.login-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.26}.glow-one{width:520px;height:520px;right:-100px;top:-140px;background:#6d28d9}.glow-two{width:400px;height:400px;left:-150px;bottom:-140px;background:#087cca}.login-card{position:relative;width:min(460px,100%);padding:42px;border:1px solid #262c3b;border-radius:26px;background:#090d16e8;box-shadow:0 35px 120px #000b;backdrop-filter:blur(18px)}.login-brand{margin-bottom:35px}.login-card h1{margin:0;font-size:41px;line-height:1.08}.login-card>p.muted{margin:18px 0 24px}.login-card label,.billing-profile-form label{display:block;margin-top:17px;color:#d7d9e1;font-size:13px;font-weight:650}.login-card input,.billing-profile-form input{width:100%;margin-top:8px;padding:14px 15px;border:1px solid #2a3141;border-radius:11px;outline:none;background:#080b13}.login-card input:focus,.billing-profile-form input:focus{border-color:#9053ff;box-shadow:0 0 0 3px #7c3aed22}.primary{width:100%;margin-top:24px;padding:14px;border-radius:11px;font-weight:850}.gradient-button{background:linear-gradient(100deg,#5d28d7,#9128ed);box-shadow:0 12px 30px #7c2de844}.error{min-height:18px;color:#ff8796;font-size:13px}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:0 19px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#070a12,#080b13);z-index:12}.sidebar .brand-lockup{height:104px;padding-left:5px;border-bottom:1px solid #202534}.sidebar nav{display:flex;flex-direction:column;gap:5px;padding-top:22px}.sidebar button{position:relative;width:100%;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:11px;background:transparent;color:#c8cbd4;text-align:left}.sidebar button svg{width:20px;height:20px;color:#aaaeb9}.sidebar button.active{background:linear-gradient(100deg,#0d78cf,#4d147e);color:#fff;box-shadow:0 10px 30px #32116555}.sidebar button.active svg{color:#fff}.sidebar-bottom{position:absolute;left:19px;right:19px;bottom:18px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #202534;padding-top:12px}.nav-dot{position:absolute;right:14px;width:7px;height:7px;border-radius:50%;background:#c15cff;box-shadow:0 0 10px #c15cff}.app-main{min-width:0}.topbar{height:92px;display:flex;align-items:center;gap:28px;padding:0 28px 0 38px;position:sticky;top:0;background:#050810e9;border-bottom:1px solid #171e2b;backdrop-filter:blur(17px);z-index:10}.menu-toggle{display:none;padding:9px;border-radius:9px;background:#121927}.search-box{width:min(460px,45vw);display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #242a37;border-radius:12px;background:#121620}.search-box svg{color:#abb2c0}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#eceef5}.search-box input::placeholder{color:#858c9b}.clock-box{margin-left:auto;display:flex;align-items:center;gap:11px}.clock-box svg{width:27px;height:27px;color:#c7ccd5}.clock-box span,.user-chip div{display:flex;flex-direction:column}.clock-box strong{font-size:15px}.clock-box small,.user-chip small{margin-top:3px;color:#a6adba;font-size:11px}.user-chip{display:flex;align-items:center;gap:11px;padding-left:24px;border-left:1px solid #252b38}.user-chip>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#9148ff,#5b10cb);font-weight:900}.user-chip strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.view{min-height:calc(100vh - 92px)}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px;padding:18px 22px 32px 36px}.home-content{min-width:0}.hero{position:relative;height:296px;border:1px solid #272e38;border-radius:22px;overflow:hidden;background:linear-gradient(115deg,#121b2a,#253142);background-position:center;background-size:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050810f2 0,#070b13a8 40%,transparent 78%),linear-gradient(0deg,#05081088,transparent 45%)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,transparent,#04070b55)}.hero-copy{position:absolute;z-index:2;left:38px;bottom:32px;width:min(480px,70%)}.hero-copy h1{margin:0;font-size:36px;line-height:1.03;text-shadow:0 3px 25px #000}.hero-copy>p:not(.eyebrow){margin:12px 0 20px;color:#d0d4dc;font-size:14px;line-height:1.45}.hero-button{display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:10px;background:linear-gradient(105deg,#0b6fc1,#561486);font-weight:800;box-shadow:0 10px 27px #0007}.hero-button svg{width:20px}.rail-section{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}.section-heading h2 i{width:3px;height:17px;border-radius:4px;background:#a332ff}.section-heading button{background:transparent;color:#bbc0ca;font-size:12px}.media-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(126px,1fr);grid-template-rows:1fr;gap:10px;overflow-x:auto;scrollbar-width:none}.media-rail::-webkit-scrollbar{display:none}.rail-card{position:relative;min-width:0;height:154px;border:1px solid #1c2330;border-radius:13px;overflow:hidden;background:#111722;text-align:left}.rail-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.rail-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#04060ad9)}.rail-card strong{position:absolute;z-index:2;left:10px;right:8px;bottom:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-shadow:0 2px 7px #000}.rail-card:hover img,.rail-card:focus img{transform:scale(1.07)}.skeleton-rail:empty:after{content:"Carregando destaques...";display:block;padding:45px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.quick-card{display:flex;align-items:center;gap:14px;min-height:91px;padding:16px;border:1px solid #2c2540;border-radius:14px;text-align:left}.quick-card svg{width:34px;height:34px}.quick-card span{display:flex;flex-direction:column}.quick-card strong{font-size:14px;text-transform:uppercase}.quick-card small{margin-top:5px;color:#c1c5d0;font-size:10px}.quick-card.purple{background:linear-gradient(130deg,#241039,#111020);color:#bd71ff}.quick-card.blue{background:linear-gradient(130deg,#09385a,#091729);color:#3dacff}.quick-card.teal{background:linear-gradient(130deg,#06453e,#071d20);color:#41dfd0}.quick-card.orange{background:linear-gradient(130deg,#743a03,#2b1808);color:#ff941e}.billing-rail{padding:18px;border:1px solid #252c39;border-radius:20px;background:linear-gradient(180deg,#0b1018,#090d14);align-self:start;min-height:calc(100vh - 128px)}.billing-title{display:flex;align-items:center;gap:12px}.billing-title svg{padding:8px;width:42px;height:42px;border-radius:9px;background:#6f22c9;color:#d49aff}.billing-title h2{margin:0;font-size:18px}.billing-title small{display:block;margin-top:3px;color:var(--muted)}.billing-status{display:flex;gap:10px;margin:20px 0;padding:14px;border:1px solid #1b5b2a;border-radius:11px;background:#071c0e}.billing-status.due{border-color:#714b13;background:#201507}.billing-status.expired{border-color:#66202c;background:#210a0f}.billing-status svg{flex:0 0 auto;color:var(--green)}.billing-status.due svg,.billing-status.expired svg{color:#ff9d3d}.billing-status strong{display:block;color:#65e775;font-size:12px;text-transform:uppercase}.billing-status.due strong,.billing-status.expired strong{color:#ffae56}.billing-status small{display:block;margin-top:4px;color:#bec5cc;font-size:10px}.pix-heading{margin:21px 0 12px;color:#b568ff;font-weight:900;font-size:14px}.qr-frame{width:min(200px,100%);margin:auto;padding:9px;border-radius:10px;background:#fff}.qr-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.qr-placeholder{display:grid;place-items:center;min-height:180px;padding:18px;border:1px dashed #343c4b;border-radius:12px;color:#939baa;text-align:center;font-size:12px}.pix-hint{text-align:center;color:#aab0bb;font-size:11px;line-height:1.45}.invoice-details{display:grid;grid-template-columns:1fr auto;gap:9px;margin:20px 0;color:#adb3bf;font-size:11px}.invoice-details strong{color:#f0f1f5;text-align:right}.invoice-details .amount{color:#b95cff;font-size:19px}.billing-action{width:100%;padding:12px;border-radius:9px;background:linear-gradient(100deg,#5a20cd,#9628ea);font-size:11px;font-weight:900;text-transform:uppercase}.billing-secondary{width:100%;margin-top:9px;padding:11px;border:1px solid #4a5161;border-radius:9px;background:transparent;color:#e2e4e9;font-size:10px;font-weight:800;text-transform:uppercase}.integration-note{margin-top:14px;padding:10px;border-radius:9px;background:#16121e;color:#bf9add;font-size:10px;line-height:1.4}.catalog-view,.library-view,.billing-page,.profile-page{padding:29px 34px 50px}.catalog-header{display:flex;align-items:center;gap:14px;margin-bottom:23px}.catalog-header h1,.page-heading h1{margin:0;font-size:29px}.catalog-header>span{margin-left:auto;color:var(--muted);font-size:12px}.back-button{display:none;padding:9px;border-radius:9px;background:#121a27}.catalog-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:26px}.catalog-layout>aside{max-height:calc(100vh - 185px);overflow:auto;border-right:1px solid #202735;padding-right:15px}.aside-title{margin:0 0 12px;color:#727b89;font-size:10px;font-weight:850;letter-spacing:.15em}.group-list{display:flex;flex-direction:column;gap:4px}.group-list button{padding:11px 12px;border-radius:9px;background:transparent;color:#aab1bd;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-list button.active{background:#171d29;color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px}.media-card{position:relative;min-width:0;padding:0;border:1px solid #1c2432;border-radius:14px;overflow:hidden;background:#101622;text-align:left;transition:transform .17s,box-shadow .17s}.poster{position:relative;aspect-ratio:2/3;display:grid;place-items:center;background:linear-gradient(145deg,#1b293c,#111723);overflow:hidden}.kind-live .poster{aspect-ratio:16/10}.poster img{width:100%;height:100%;object-fit:cover}.poster>span{font-size:32px;color:#566173;font-weight:900}.favorite-button{position:absolute;z-index:3;right:8px;top:8px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#05070ac7;color:#fff}.favorite-button svg{width:16px;height:16px}.favorite-button.active{background:#7a2ad7;color:#fff}.favorite-button.active svg{fill:currentColor}.media-info{padding:11px}.media-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-info small{display:block;margin-top:5px;color:#929aa8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.media-card:hover,.media-card:focus{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 45px #000a;z-index:2}.loading,.empty{padding:80px 20px;text-align:center;color:var(--muted)}.loading span{display:inline-block;width:20px;height:20px;margin-right:9px;border:2px solid #343b4a;border-top-color:#a64cff;border-radius:50%;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-heading{margin-bottom:28px}.page-heading>p.muted{margin:9px 0 0}.library-view .card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.billing-page-grid{display:grid;grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:24px}.billing-main-card,.history-card,.profile-card{padding:22px;border:1px solid #252d3b;border-radius:17px;background:#0b1019}.billing-main-card .billing-rail{min-height:0;border:0;padding:0;background:transparent}.history-card h2{margin:0 0 16px;font-size:18px}.invoice-list{display:flex;flex-direction:column;gap:8px}.invoice-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px;border:1px solid #242b38;border-radius:10px;background:#0e141f}.invoice-row strong{display:block;font-size:12px}.invoice-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.invoice-row .invoice-value{font-weight:850}.invoice-badge{padding:5px 8px;border-radius:99px;background:#34210d;color:#ffb25e;font-size:9px;font-weight:900;text-transform:uppercase}.invoice-badge.paid{background:#0b3217;color:#67e47a}.invoice-badge.error,.invoice-badge.canceled{background:#391018;color:#ff8494}.profile-card{display:grid;grid-template-columns:100px repeat(2,minmax(160px,1fr));gap:22px;align-items:center;max-width:850px}.profile-card>div:not(:first-child){display:flex;flex-direction:column}.profile-card span{color:var(--muted);font-size:11px}.profile-card strong{margin-top:5px}.profile-card>div:first-child{grid-row:span 2;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,#8b43f7,#4e0fc0);font-size:30px;font-weight:900}.status-pill{color:#56df6d}.player-modal,.overlay-modal{position:fixed;inset:0;z-index:30;background:#000;display:flex;flex-direction:column}.player-modal video{width:100%;height:calc(100% - 70px);background:#000}.player-bar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#080c13}.player-bar>div{display:flex;gap:8px}.player-bar button,.modal-panel header button{padding:10px 15px;border-radius:9px;background:#202735}.player-action{display:grid;place-items:center}.player-action.active{color:#bb65ff}.player-action.active svg{fill:currentColor}.player-error{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);padding:17px 22px;border-radius:10px;background:#3a1118;color:#ffbdc5}.overlay-modal{padding:5vh 6vw;background:#03050aed}.modal-panel{max-height:90vh;overflow:auto;padding:27px;border:1px solid #293141;border-radius:20px;background:#0c111b;box-shadow:0 25px 100px #000}.modal-panel header{position:sticky;top:-27px;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 0;background:#0c111b}.modal-panel h2{margin:0;font-size:26px}.season h3{margin:25px 0 10px;color:#b264ff}.episode-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.episode-button{padding:14px;border-radius:10px;background:#171e2b;text-align:left}.episode-button small{display:block;margin-bottom:4px;color:var(--muted)}.billing-profile-form{width:min(500px,100%);margin:auto}.billing-profile-form label small{color:var(--muted)}.toast{position:fixed;z-index:50;right:22px;bottom:22px;max-width:360px;padding:13px 17px;border:1px solid #3b4556;border-radius:11px;background:#151c28;box-shadow:0 15px 50px #000b;font-size:12px}:focus{outline:2px solid #fff;outline-offset:2px}@media(max-width:1180px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.home-layout{grid-template-columns:minmax(0,1fr) 260px;padding-left:24px}.sidebar{padding-left:14px;padding-right:14px}.sidebar-bottom{left:14px;right:14px}.quick-grid{grid-template-columns:repeat(2,1fr)}.media-rail{grid-auto-columns:135px}.billing-rail{padding:15px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:244px;transition:left .2s;box-shadow:20px 0 60px #000b}.sidebar.open{left:0}.menu-toggle{display:grid;place-items:center}.topbar{height:76px;padding:0 16px;gap:12px}.search-box{width:auto;flex:1}.clock-box{display:none}.user-chip{padding-left:0;border-left:0}.home-layout{grid-template-columns:1fr;padding:15px}.billing-rail{min-height:0}.home-layout>.billing-rail{display:none}.view{min-height:calc(100vh - 76px)}.hero{height:260px}.catalog-view,.library-view,.billing-page,.profile-page{padding:22px 16px}.catalog-layout{grid-template-columns:1fr}.catalog-layout>aside{max-height:none;overflow:auto;border-right:0;padding:0}.group-list{flex-direction:row;overflow:auto}.group-list button{min-width:max-content}.billing-page-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:80px 1fr}.profile-card>div:first-child{grid-row:span 4}.user-chip div{display:none}}@media(max-width:560px){.topbar{gap:8px}.user-chip{display:none}.search-box input{font-size:12px}.home-layout{padding:10px}.hero{height:235px;border-radius:16px}.hero-copy{left:20px;bottom:20px;width:82%}.hero-copy h1{font-size:27px}.hero-copy>p:not(.eyebrow){display:none}.media-rail{grid-auto-columns:115px}.rail-card{height:148px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-card{min-height:78px;padding:12px}.quick-card svg{width:27px}.catalog-header h1,.page-heading h1{font-size:25px}.card-grid,.library-view .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invoice-row{grid-template-columns:1fr auto}.invoice-row .invoice-value{display:none}.overlay-modal{padding:0}.modal-panel{max-height:100vh;height:100%;border-radius:0}.login-card{padding:28px}.login-card h1{font-size:33px}.profile-card{display:flex;flex-direction:column;align-items:flex-start}.profile-card>div:first-child{align-self:center}}