*{box-sizing:border-box}
body{margin:0;background:#0b0b0f;color:#f2f2f2;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:#ff4d57;text-decoration:none}
a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:#121218;border-bottom:2px solid #e00613;flex-wrap:wrap}
.logo{font-weight:900;font-size:22px;color:#fff;letter-spacing:.5px}
.top nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.top nav a{color:#ddd}
main{max-width:1150px;margin:0 auto;padding:22px 16px 40px}
.btn{display:inline-block;background:#e00613;color:#fff!important;padding:9px 16px;border-radius:10px;border:0;cursor:pointer;font-weight:700}
.btn:hover{background:#ff1a29;text-decoration:none}
.btn.big{font-size:17px;padding:13px 22px}
.btn.small{padding:6px 11px;font-size:13px}
.btn.danger{background:#3a3a44}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#ffffff 0%,#f2f3f7 55%,#ffe9ec 100%);border:1px solid #e2e2ea;border-radius:18px;padding:38px 30px;margin-bottom:24px;text-align:left;box-shadow:0 12px 34px rgba(0,0,0,.35);color:#17171f}
.hero::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(224,6,19,.16),rgba(224,6,19,0) 65%);top:-190px;right:-120px;pointer-events:none}
.hero::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ff2436,#8f040e)}
.hero h1{color:#14141c}
.hero .red{color:#e00613}
.hero p{color:#3f3f4a;max-width:640px;line-height:1.55}
.herobadge{display:inline-flex;align-items:center;gap:8px;background:#14141c;color:#fff;font-weight:700;font-size:16px;padding:10px 18px;border-radius:999px;margin:4px 0 18px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.herobadge strong{color:#ffcf3f;font-size:18px}
.hero h1{font-size:36px;margin:0 0 10px}
.red{color:#ff2436}
.search{display:flex;gap:8px;margin:0 0 14px}
.search input{flex:1;padding:12px;border-radius:10px;border:1px solid #333;background:#16161d;color:#fff}
.search button{background:#e00613;color:#fff;border:0;border-radius:10px;padding:0 18px;font-weight:700;cursor:pointer}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.chip{padding:7px 13px;border-radius:999px;background:#1b1b23;color:#ddd;border:1px solid #2c2c38}
.chip.on{background:#e00613;color:#fff;border-color:#e00613}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.grid.one{grid-template-columns:minmax(260px,420px)}
.card{display:block;background:#14141b;border:1px solid #26262f;border-radius:14px;overflow:hidden;color:#fff}
.card:hover{border-color:#e00613;text-decoration:none}
.thumbwrap{position:relative;display:block}
.thumbwrap img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#000}
.tag{position:absolute;top:8px;left:8px;background:#e00613;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}
.ctitle{display:block;padding:10px 12px 2px;font-weight:700}
.cmeta{display:block;padding:0 12px 12px;color:#9a9aa5;font-size:13px}
.player{position:relative;padding-top:56.25%;background:#000;border-radius:14px;overflow:hidden}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wtitle{font-size:26px;margin:16px 0 4px}
.box{background:#14141b;border:1px solid #26262f;border-radius:14px;padding:22px;max-width:460px;margin:10px auto}
.box.wide{max-width:720px;margin:10px 0}
.box label{display:block;margin:0 0 13px;font-size:14px;color:#c9c9d2}
.box input,.box select{width:100%;margin-top:5px;padding:11px;border-radius:9px;border:1px solid #333;background:#0f0f14;color:#fff}
.flash{background:#2a0d11;border:1px solid #e00613;color:#ffd7da;padding:12px 16px;border-radius:10px;margin-bottom:18px}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.stat{background:#14141b;border:1px solid #26262f;border-radius:12px;padding:14px 18px;min-width:130px}
.stat strong{display:block;font-size:24px;color:#ff2436}
.stat span{color:#9a9aa5;font-size:13px}
.row{background:#14141b;border:1px solid #26262f;border-radius:10px;padding:11px 14px;margin:0 0 9px}
.inline{display:inline}
.pixkey{word-break:break-all;background:#0f0f14;border:1px dashed #5a0a12;padding:12px;border-radius:10px}
.ok{color:#7ee2a0}
.empty{color:#9a9aa5}
.steps li{margin-bottom:7px}
.faq{background:transparent;border:0;padding:0;margin-top:34px}
.faq h2{margin:0 0 14px}
.faqitem{background:#12121a;border:1px solid #26262f;border-left:4px solid #e00613;border-radius:12px;padding:16px 18px;margin:0 0 12px}
.faqitem h3{margin:0 0 6px;font-size:17px;color:#fff}
.faqitem p{margin:0;color:#c9c9d2;line-height:1.55}
.foot{text-align:center;color:#777;padding:26px 16px;border-top:1px solid #22222b;margin-top:10px}
textarea{width:100%;margin-top:5px;padding:11px;border-radius:9px;border:1px solid #333;background:#0f0f14;color:#fff;font-family:inherit;font-size:15px}
.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 6px}
.likebtn{display:inline-block;background:#1b1b23;color:#fff!important;border:1px solid #333;padding:9px 16px;border-radius:999px;font-weight:700;cursor:pointer;font-size:15px;font-family:inherit}
.likebtn:hover{border-color:#e00613;text-decoration:none}
.likebtn.on{background:#e00613;border-color:#e00613}
.share{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.sharelbl{color:#9a9aa5;font-size:14px}
.sharebtn{display:inline-block;background:#14141b;border:1px solid #2c2c38;color:#ddd!important;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.sharebtn:hover{border-color:#e00613;text-decoration:none}
.descbox{background:#14141b;border:1px solid #26262f;border-radius:14px;padding:18px;margin:16px 0}
.descbox h2{margin-top:0;font-size:19px}
.descbox p{color:#e8e8ee;margin:0}
.commentform{margin:0 0 18px}
.commentform textarea{margin:0 0 10px}
.comment{background:#14141b;border:1px solid #26262f;border-radius:12px;padding:13px 16px;margin:0 0 10px}
.comment .chead{margin:0 0 5px}
.comment .cbody{margin:0;color:#e8e8ee}
.watchwrap{display:flex;gap:24px;align-items:flex-start}
.watchmain{flex:1;min-width:0}
.watchside{width:300px;flex:none}
.promobox{margin:6px 0 22px}
.promolbl{color:#9a9aa5;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 8px}
.promobox a{display:block;border-radius:14px;overflow:hidden;border:1px solid #26262f}
.promobox img{width:100%;display:block}
.promobox a:hover{border-color:#e00613}
.watchside .card{margin-bottom:14px}
.watchside h2{font-size:19px}
@media (max-width:900px){.watchwrap{flex-direction:column}.watchside{width:100%}}
@media (max-width:640px){.hero h1{font-size:27px}}
.vrow{display:flex;gap:14px;align-items:center;background:#121218;border:1px solid #26262f;border-radius:14px;padding:10px 12px;margin:0 0 10px}
.vrow img{width:128px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block}
.vrow .vinfo{flex:1;min-width:0}
.vrow .vtitle{font-weight:700;color:#f5f5f8;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vrow .vmeta{color:#9a9aa5;font-size:13px;margin-top:4px}
.vrow .vactions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vrow .vactions form{margin:0}
.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:18px 0}
.studiosearch{display:flex;gap:8px;margin:0 0 16px}
.studiosearch input{flex:1}
@media (max-width:640px){.vrow img{width:104px}.vrow .vtitle{white-space:normal}}
.promobanner{display:block;margin:30px 0 4px;border-radius:16px;overflow:hidden;border:1px solid #26262f}
.promobanner img{width:100%;display:block}
.promobanner:hover{border-color:#e00613}
.anunciehero{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.anunciehero .ahtext{flex:1;min-width:280px}
.anunciehero .ahtext p{max-width:none}
.nowrap{white-space:nowrap}
.ahcard{background:#14141c;color:#fff;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:7px;min-width:250px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.ahprice{font-size:34px;font-weight:900;color:#ffcf3f;line-height:1}
.ahlbl{color:#c9c9d2;font-size:13px}
.ahitem{font-size:14px;color:#e8e8ee}
.herobanner{display:block;margin-bottom:24px;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.35);transition:transform .15s ease}
.herobanner:hover{transform:translateY(-2px)}
.herobanner img{width:100%;display:block}
.vbadge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#3ea6ff;color:#fff;font-size:10px;font-weight:900;vertical-align:-2px;margin-left:2px}

.logoutform{display:inline;margin:0}
.logoutbtn{background:none;border:0;color:#fff;font:inherit;cursor:pointer;padding:0}
.logoutbtn:hover{text-decoration:underline}

.descbox a{text-decoration:underline}

.bonusbanner{display:block;background:linear-gradient(120deg,#14141c,#3d0410);color:#fff;border:1px solid #e00613;border-radius:18px;padding:22px 26px;margin-bottom:24px;box-shadow:0 12px 34px rgba(0,0,0,.35);text-decoration:none;text-align:center}
.bonusbanner .bbig{display:block;font-size:26px;font-weight:800;line-height:1.3}
.bonusbanner .bbig strong{color:#ffcf3f}
.bonusbanner .bsmall{display:block;margin-top:6px;font-size:15px;color:#e8e8ee}
.bonusbanner .bsmall b{color:#ffcf3f}
.bonusbanner:hover{border-color:#ff2436}
@media (max-width:640px){.bonusbanner .bbig{font-size:21px}}

.admintabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.admintabs a{padding:9px 16px;border:1px solid #333;border-radius:10px;color:#ddd;text-decoration:none;background:#121218;font-weight:700}
.admintabs a:hover{border-color:#e00613;color:#fff;text-decoration:none}
.admintabs a.on{background:#e00613;color:#fff;border-color:#e00613}
.tabpane{display:none}
.tabpane.on{display:block}