:root{--acc:#f5b301;--acc2:#e63946;--txt:#f3f3f3;--mut:#b9b9c3;--glass:rgba(15,15,22,.62);--line:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Manrope,sans-serif;color:var(--txt);min-height:100vh;display:flex;flex-direction:column;background:#0b0b10 url(tlo.jpg) center/cover fixed}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(5,5,10,.55),rgba(5,5,10,.9));z-index:-1}
a{color:inherit;text-decoration:none}
header.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(8,8,12,.7);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{font-family:'Bebas Neue';font-size:28px;letter-spacing:2px}.logo span,.hero h1 span{color:var(--acc)}
header.top nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
header.top nav a{padding:8px 12px;border-radius:10px;font-weight:600;color:var(--mut);white-space:nowrap;transition:color .2s,background .2s}header.top nav a:hover{color:var(--acc);background:rgba(255,255,255,.05)}
header.top nav a.reg{background:var(--acc);color:#111}header.top nav a.reg:hover{color:#111;filter:brightness(1.1)}
.logo{white-space:nowrap}.menu-tgl{display:none}.burger{display:none}
main{flex:1;width:min(1200px,92vw);margin:0 auto;padding:30px 0 60px}
footer{text-align:center;padding:20px;color:var(--mut);font-size:13px}
.hero{text-align:center;padding:9vh 0 6vh}
.hero h1{font-family:'Bebas Neue';font-size:clamp(56px,11vw,130px);line-height:.9;letter-spacing:3px;text-shadow:0 6px 30px #000}
.hero p{color:var(--mut);margin:12px 0 26px;font-size:18px}
.search{display:flex;max-width:480px;margin:auto;background:var(--glass);border:1px solid var(--line);border-radius:50px;overflow:hidden;backdrop-filter:blur(10px)}
.search input{flex:1;background:none;border:0;padding:14px 20px;color:var(--txt);font:inherit;outline:0}
.search button,.btn{background:linear-gradient(135deg,var(--acc),#ff8a00);color:#111;border:0;padding:12px 24px;font:800 15px Manrope;cursor:pointer;border-radius:50px;display:inline-block;transition:.2s}
.btn:hover,.search button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,179,1,.35)}
.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
.season{font-family:'Bebas Neue';font-size:34px;letter-spacing:2px;margin:30px 0 14px;border-left:4px solid var(--acc);padding-left:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:16px;overflow:hidden;backdrop-filter:blur(10px);transition:.25s}
.card:hover{transform:translateY(-6px);border-color:var(--acc)}
.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#2a2a35,#14141a) center/cover;position:relative;display:grid;place-items:center}
.play{width:54px;height:54px;border-radius:50%;background:rgba(245,179,1,.9);color:#111;display:grid;place-items:center;font-size:20px;opacity:.85;transition:.25s}
.card:hover .play{transform:scale(1.15);opacity:1}
.badge{position:absolute;top:10px;left:10px;background:var(--acc2);padding:3px 9px;border-radius:6px;font-size:12px;font-weight:800}
.info{padding:14px}.info h3{font-size:16px;margin-bottom:6px}.info small{color:var(--mut)}
.empty{text-align:center;color:var(--mut)}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px)}
.player{padding:18px}.video{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-bottom:18px}
.video iframe,.video video{width:100%;height:100%;border:0}
.player h1{font-size:clamp(20px,4vw,30px);margin-bottom:10px}.player p{color:var(--mut);line-height:1.6}
.nav-ep{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.login{max-width:380px;margin:12vh auto;padding:34px;display:flex;flex-direction:column;gap:14px;text-align:center}
input,textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--txt);font:inherit;margin-top:6px}
input:focus,textarea:focus{outline:0;border-color:var(--acc)}
.err{color:#ff6b6b}.okmsg{background:rgba(46,204,113,.2);border:1px solid #2ecc71;padding:10px 16px;border-radius:10px;margin-bottom:16px}
.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.admin-head h1{font-family:'Bebas Neue';font-size:44px;letter-spacing:2px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}
.stat{padding:20px}.stat b{display:block;font-size:34px;color:var(--acc)}.stat span{color:var(--mut);font-size:14px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.box{padding:22px;margin-bottom:18px}.box h2{font-size:18px;margin-bottom:16px}
.chart{display:flex;gap:10px;height:180px;align-items:flex-end}
.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.bar i{width:100%;min-height:3px;background:linear-gradient(var(--acc),var(--acc2));border-radius:6px 6px 0 0}
.bar em{font-style:normal;font-size:12px}.bar small{color:var(--mut);font-size:11px}
.top{list-style:none;counter-reset:t}.top li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.top b{color:var(--acc)}
.form label{display:block;margin-bottom:12px;font-size:14px;color:var(--mut)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:var(--mut);font-size:13px}
.act{display:flex;gap:12px;align-items:center}.act a{color:var(--acc)}.act button{background:none;border:0;color:#ff6b6b;cursor:pointer;font:inherit}
@media(max-width:760px){.cols{grid-template-columns:1fr}}
.tabs{display:inline-flex;gap:6px;padding:6px;margin-bottom:22px;background:var(--glass);border:1px solid var(--line);border-radius:50px;backdrop-filter:blur(10px)}
.tab{padding:10px 26px;border-radius:50px;font-weight:800;color:var(--mut);transition:.2s}.tab:hover{color:var(--txt)}
.tab.on{background:linear-gradient(135deg,var(--acc),#ff8a00);color:#111}.tab.prem.on{background:linear-gradient(135deg,#ffd76a,var(--acc2));color:#111}
.badge.pb{left:auto;right:10px;background:linear-gradient(135deg,#ffd76a,var(--acc));color:#111}
.buy{text-align:center}.buy p{color:var(--mut);margin-bottom:16px}.buy-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
.kod{display:flex;gap:8px}.kod input{margin:0;width:220px}
.kodbox{font:800 28px monospace;letter-spacing:4px;color:var(--acc)!important}
.lock{text-align:center;padding:50px 20px}
.pill{font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;background:var(--acc);color:#111}
.chk{display:flex!important;align-items:center;gap:8px}.chk input{width:auto;margin:0}
select{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--txt);font:inherit;margin-top:6px}

/* Konta */
.login .sub{color:var(--mut);font-size:14px;margin:6px 0 10px}
.login .sub a{color:inherit;text-decoration:underline}
header.top nav a.reg{font-weight:800}

.wybor{text-align:center;padding:6vh 0}
.wybor h1{font-family:'Bebas Neue';font-size:clamp(40px,7vw,80px);letter-spacing:3px;margin-bottom:24px;text-shadow:0 6px 30px #000}
.split{position:relative;display:flex;max-width:900px;margin:0 auto;aspect-ratio:890/750;background:center/cover no-repeat;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.pol{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px;transition:background .3s}
.pol span{font-family:'Bebas Neue';font-size:clamp(20px,3vw,32px);letter-spacing:2px;padding:10px 22px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;transition:transform .3s}
.lewa:hover{background:linear-gradient(90deg,rgba(255,140,0,.25),transparent)}
.prawa:hover{background:linear-gradient(270deg,rgba(90,110,255,.25),transparent)}
.pol:hover span{transform:scale(1.08)}

/* Pasek górny – telefony */
@media(max-width:900px){
header.top{flex-wrap:wrap;padding:10px 4vw;gap:0}
.logo{font-size:22px;letter-spacing:1.5px}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border-radius:12px;cursor:pointer;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.burger span{display:block;height:2px;border-radius:2px;background:var(--txt);transition:transform .25s,opacity .25s}
header.top nav{flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s}
header.top nav a{padding:13px 14px;font-size:16px;border-radius:12px}
header.top nav a.reg{text-align:center;margin-top:6px}
.menu-tgl:checked~nav{max-height:480px;padding:10px 0 6px}
.menu-tgl:checked+.burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-tgl:checked+.burger span:nth-child(2){opacity:0}
.menu-tgl:checked+.burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:360px){.logo{font-size:19px;letter-spacing:1px}}