/* Presentation only. Playback engines and application state remain in their original files. */
:root{--primary:#009dff;--primary-dark:#0075e8;--prime-blue:#008cff;--blue:#009dff;--blue-d:#0075df;--bg:#020f1c;--bg2:#041424;--bg3:#0c2137;--bg4:#132c46;--bg-dark:#020f1c;--background:#020f1c;--bg-primary:#020f1c;--bg-secondary:#071a2c;--bg-card:#0c2137;--card-bg:#071a2c;--text-muted:#8da9cd;--text-secondary:#b8cceb;--text2:#b8cceb;--text3:#8da9cd;--border:rgba(64,155,233,.22);--border-color:rgba(64,155,233,.22);--border-light:rgba(64,155,233,.3)}
.prime-page{background:radial-gradient(ellipse at 10% 0%,#092745 0,transparent 48%),#020f1c;color:#f5f8ff}
.prime-page :is(button,input,select){font-family:inherit}
.prime-page :is(button,a,input,select,[tabindex]):focus-visible{outline:2px solid #39c6ff;outline-offset:4px}
.prime-page .top-bar{background:linear-gradient(115deg,#08213e 0%,#031120 45%,#020c17 100%);border-bottom:1px solid #123652;box-shadow:0 4px 28px #0004;padding-inline:2.5%}
.prime-page .logo img{max-width:145px;object-fit:contain;filter:drop-shadow(0 0 12px #009dff25)}
.prime-page :is(.top-nav,.nav-links){gap:22px}
.prime-page :is(.nav-item,.nav-link){position:relative;border-radius:0;background:transparent;padding:22px 8px;color:#dce8ff;font-weight:600}
.prime-page :is(.nav-item,.nav-link).active{color:#42c8ff;background:transparent}
.prime-page :is(.nav-item,.nav-link).active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:3px;border-radius:3px;background:#009dff;box-shadow:0 0 12px #009dff}
.prime-page .user-chip{background:linear-gradient(120deg,#0c2542,#081524);border:1px solid #153450;border-radius:40px;padding:6px 16px 6px 6px}
.prime-page :is(.avatar,.mob-avatar){background:linear-gradient(135deg,#16b2ff,#1261ee);box-shadow:0 0 16px #008cff30}
.prime-page :is(.btn-icon,.btn-logout){background:linear-gradient(145deg,#10243a,#071421);border:1px solid #24415d;color:#dfebff}
.prime-page .btn-icon{border-radius:50%}
.prime-page .cat-sidebar{background:linear-gradient(130deg,#041a2e,#020e19);border-right:1px solid #153650}
.prime-page .cat-sidebar-header{color:#8fb4dc;letter-spacing:1px;border-bottom:0;padding:20px 20px 12px}
.prime-page .cat-list{padding:0 9px 16px}
.prime-page .cat-item{border:1px solid transparent;border-radius:12px;padding:13px 14px;margin:2px 0;color:#bdcfee;line-height:1.45}
.prime-page .cat-item.active{background:linear-gradient(105deg,#0867d6,#092346);border:1px solid #008fff;color:white;box-shadow:-3px 0 14px #008cff26}
.prime-page .cat-item:hover{background-color:#102b47}
.prime-page .cat-item i{color:#bfd8ff}
.prime-page :is(.search-input,.ch-search,.sort-select,.mob-search-input){background:linear-gradient(110deg,#10253d,#081b30);border:1px solid #214568;border-radius:11px;color:#e3edff;min-height:40px}
.prime-page input::placeholder{color:#9bb4d5}
.prime-page .main-area{min-width:0;background:transparent}
.prime-page .toolbar{background:#041424;border-color:#14324a;padding:12px 20px}
.prime-page .grid-wrap{padding:14px 18px 80px}
.prime-page :is(.movies-grid,.series-grid){grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:13px}
.prime-page :is(.movie-card,.serie-card){border:1px solid #194266;border-radius:7px;background:linear-gradient(145deg,#0a2138,#031422)}
.prime-page :is(.movie-card,.serie-card):hover{transform:translateY(-4px);box-shadow:0 0 0 1px #00b6ff,0 10px 25px #0008}
.prime-page .card-info{padding:8px}
.prime-page .card-title{font-size:.78rem;line-height:1.3}
.prime-page :is(.card-hd-badge,.card-tv-badge){background:#00101ce8;border:1px solid #009bdf;color:#29c9ff;border-radius:4px}
.prime-page :is(.modal-box,.modal-content,.drawer,.resume-box){background:#06192a;border:1px solid #214466;box-shadow:0 24px 100px #000a}
.prime-page :is(.mbtn-play,.btn-login,.resume-btn){background:linear-gradient(110deg,#009dff,#0077ff);box-shadow:0 0 20px #007bff33}
.prime-page :is(.mobile-top-bar,.mobile-header,.bot-nav,.mobile-nav,.mobile-filter-bar){background-color:#031424;border-color:#173751}
/* Live television: category rail, channel rail, player and programme panel. */
.prime-ao_vivo .channel-sidebar{background:linear-gradient(135deg,#0c2137,#051321);border:1px solid #163a56;border-radius:15px;margin:10px 6px;overflow:hidden}
.prime-ao_vivo .ch-header{padding:12px;border-color:#17334c}
.prime-ao_vivo .ch-tabs{gap:10px;margin-top:10px}
.prime-ao_vivo .ch-tab{min-height:41px;border:1px solid #213e5b;border-radius:11px;background:#13263b;color:#bdd2ef}
.prime-ao_vivo .ch-tab.active{background:linear-gradient(100deg,#058dff,#1248a4);border-color:#168bff;color:white}
.prime-ao_vivo .ch-item{min-height:67px;border-bottom:1px solid #153149;padding:9px 12px}
.prime-ao_vivo .ch-item.active{background:linear-gradient(100deg,#0758aa88,#13345e);box-shadow:inset 0 0 18px #008cff18}
.prime-ao_vivo .ch-logo{width:48px;height:48px;border:1px solid #25415a;border-radius:10px}
.prime-ao_vivo .ch-name{color:#e0eaff}
.prime-ao_vivo .ch-fav-btn{opacity:1;font-size:16px;width:30px;height:30px}
.prime-ao_vivo .main-area{padding:10px 14px 14px 6px;gap:12px}
.prime-ao_vivo .player-wrap{border:1px solid #205172;border-radius:18px}
.prime-ao_vivo .player-overlay{background:radial-gradient(ellipse at 60% 35%,#0d3456,#020d18 75%)}
.prime-ao_vivo .player-ctrl{background:linear-gradient(0deg,#00121cf5,#00121cbb,transparent)}
.prime-ao_vivo .info-bar{height:155px;padding:22px;border:1px solid #1a3c58;border-radius:18px;background:linear-gradient(120deg,#0e2237,#041423 65%,#0a213b)}
.prime-ao_vivo .info-logo{width:84px;height:84px;border:1px solid #284967}
.prime-ao_vivo .info-channel-name{font-size:1.4rem}
.prime-ao_vivo .info-action-btn{border-color:#294966;background:#102137;border-radius:10px}
/* Login artwork is an independent asset, never a screenshot of an interface. */
.prime-login{overflow:auto;height:auto;min-height:100svh;background:#020f1c}
.prime-login .login-wrapper{position:relative;isolation:isolate;min-height:calc(100svh - 104px);height:auto;width:100%;align-items:center;padding:52px 8.5%;background:linear-gradient(90deg,#00132935,transparent),url('../images/prime-universe.png') center/cover no-repeat}
.prime-login .login-hero{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}
.prime-login :is(#hero-slides-container,.hero-vignette,.hero-content){visibility:hidden}
.prime-login .login-form-container{flex:none;width:min(530px,44vw);padding:36px 40px 28px;background:linear-gradient(135deg,#002044d9,#001022ed 65%);border:1px solid #0077c2;border-radius:26px;box-shadow:0 20px 60px #0006,inset 0 0 50px #0069b012;backdrop-filter:blur(12px)}
.prime-login .login-box{max-width:none}
.prime-login .mobile-header{display:block;background:transparent;margin-bottom:20px}
.prime-login .mobile-logo img{height:84px;max-width:190px;object-fit:contain}
.prime-login .mobile-tagline{display:none}
.prime-login .form-title{display:block;text-align:center;font-size:29px;margin-bottom:10px}
.prime-login .form-sub{display:block;text-align:center;font-size:16px;line-height:1.5;color:#c8d9f6;margin-bottom:25px}
.prime-login .input-group{margin-bottom:15px}
.prime-login .input-group input{height:51px;border:1px solid #2b5881;border-radius:9px;background:#0b2541a6;padding-left:49px;font-size:16px}
.prime-login .input-icon{left:18px;color:#c7ddff;font-size:18px}
.prime-login .btn-login{min-height:50px;border-radius:9px;text-transform:none;font-size:16px;letter-spacing:0}
.prime-login .login-footer{border-top:1px solid #2a4c69;padding-top:24px;margin-top:15px;color:#97b0d2;font-size:12px;line-height:1.6}
.prime-login .prime-tagline{position:absolute;right:4.5%;top:15%;text-align:right;max-width:260px;font-size:14px;color:#c0d9ff;line-height:2;letter-spacing:5px;text-transform:uppercase;pointer-events:none}
.prime-benefits{display:flex;justify-content:space-around;align-items:center;gap:22px;padding:25px 3%;min-height:104px;background:linear-gradient(100deg,#03172c,#020c17);border-top:1px solid #1b3952}
.prime-benefit{display:flex;gap:17px;align-items:center;flex:1;border-right:1px solid #1e405f;padding-right:20px}
.prime-benefit:last-child{border:0}
.prime-benefit i{font-size:30px;color:#00acff;width:40px;text-align:center}
.prime-benefit strong{display:block;font-size:14px;margin-bottom:6px}
.prime-benefit small{color:#9bb4d6;font-size:12px}
/* Banner uses the existing first catalogue card and its existing click handler. */
.prime-feature{position:relative;isolation:isolate;overflow:hidden;min-height:270px;border:1px solid #164569;border-radius:13px;margin-bottom:20px;background:#041727 url('../images/prime-universe.png') center/cover;display:flex;align-items:center}
.prime-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2;opacity:.8}
.prime-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001327 5%,#001327e8 30%,#00132730 80%),linear-gradient(0deg,#001327a0,transparent);z-index:-1}
.prime-feature-copy{padding:28px 32px;max-width:65%}
.prime-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#18c6ff;font-weight:700}
.prime-feature h2{font-size:clamp(25px,2.7vw,46px);line-height:1.12;margin:15px 0;color:white;max-width:680px}
.prime-feature p{font-size:14px;line-height:1.6;color:#bfd2ef}
.prime-feature button{border:1px solid #168ffa;border-radius:8px;background:linear-gradient(110deg,#009dff,#0077ff);color:white;padding:13px 22px;font-weight:700;margin-top:18px;cursor:pointer;box-shadow:0 0 22px #008cff30}
.prime-dashboard .hero-overlay{background:linear-gradient(90deg,#020d1ff5, #020d1f80 43%,transparent 80%),linear-gradient(0deg,#020f1c,transparent 45%)}
.prime-dashboard .hero-content{max-width:710px}
.prime-dashboard .hero-title{font-size:clamp(30px,4vw,60px);letter-spacing:1px}
.prime-dashboard .platforms-fadeout{background:linear-gradient(0deg,#020f1c 45%,transparent)}
@media(min-width:1200px){.prime-page .cat-sidebar{width:215px}.prime-ao_vivo .channel-sidebar{width:clamp(280px,23vw,380px)}}
@media(max-width:1100px){.prime-benefits{flex-wrap:wrap}.prime-benefit{min-width:190px}.prime-login .login-wrapper{padding:36px 5%}.prime-login .login-form-container{width:470px;max-width:65vw}.prime-login .prime-tagline{font-size:11px;letter-spacing:3px;max-width:190px}.prime-ao_vivo .info-bar{height:120px;padding:14px}.prime-ao_vivo .info-channel-name{font-size:1rem}}
@media(max-width:768px){.prime-page :is(.movies-grid,.series-grid){grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.prime-page .grid-wrap{padding:12px 12px 90px}.prime-ao_vivo .main-area{padding:0;gap:0}.prime-ao_vivo .channel-sidebar{margin:0;border-radius:0}.prime-ao_vivo .player-wrap{border-radius:0}.prime-ao_vivo .info-bar{border-radius:0;height:auto;min-height:85px;padding:12px}.prime-ao_vivo .info-logo{width:48px;height:48px}.prime-feature{min-height:225px}.prime-feature-copy{max-width:85%;padding:22px}.prime-feature h2{font-size:26px}.prime-benefits{gap:20px;padding:24px}.prime-benefit{border:0;min-width:160px}.prime-login .login-wrapper{min-height:100svh;padding:30px 20px;background-position:65% center}.prime-login .login-form-container{width:100%;max-width:450px;margin:auto;padding:30px 25px;border-radius:22px}.prime-login .prime-tagline{display:none}.prime-login .form-title{font-size:25px}.prime-login .form-sub{font-size:14px}.prime-login .mobile-logo img{height:75px}}
@media(prefers-reduced-motion:reduce){.prime-page *, .prime-page *:before,.prime-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}