*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;color:#f7f7f7;font-family:'Segoe UI',Roboto,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background:#0a0a0a;border-bottom:1px solid #c2181d;position:sticky;top:0;z-index:100}
.header-container{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
.logo img{height:22px;width:auto}
.main-menu{flex:1}
.menu-list{display:flex;list-style:none;gap:5px}
.menu-list>li{position:relative}
.menu-list>li>a{display:block;padding:10px 16px;color:#f7f7f7;font-weight:500;font-size:1rem;transition:.2s}
.menu-list>li>a:hover{color:#c2181d}
.menu-list>li>a span{display:inline-block;margin-left:5px;font-size:0.8rem}
.submenu{position:absolute;top:100%;left:0;background:#0f0f0f;min-width:220px;list-style:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;border:1px solid #c2181d;z-index:200}
.menu-list>li:hover .submenu{opacity:1;visibility:visible}
.submenu li{border-bottom:1px solid #1a1a1a}
.submenu li:last-child{border-bottom:none}
.submenu li a{display:block;padding:12px 18px;color:#ddd;font-size:0.9rem;transition:.2s}
.submenu li a:hover{background:#c2181d;color:#fff}
.header-actions{display:flex;align-items:center}
.btn-download{display:flex;align-items:center;gap:10px;background:#c2181d;color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;font-size:0.85rem;letter-spacing:1px;transition:.3s}
.btn-download:hover{background:#7d0005;transform:translateY(-2px);color:#fff}
.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:5px}
.mobile-menu-toggle span{width:25px;height:3px;background:#f7f7f7;border-radius:2px;transition:.3s}
#menu-toggle{display:none}
.fixed-download{position:fixed;bottom:20px;right:20px;background:#c2181d;color:#fff;font-weight:700;text-transform:uppercase;padding:14px 28px;border-radius:50px;box-shadow:0 0 20px rgba(194,24,29,0.6);z-index:999;transition:.3s;font-size:0.9rem}
.fixed-download:hover{background:#7d0005;transform:scale(1.05);color:#fff}
.hero{background:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.9)),url('../pokerok_bonusnp.webp');background-size:cover;background-position:center;padding:80px 20px;text-align:center}
.hero h1{font-size:2.5rem;margin-bottom:20px;color:#c2181d}
.hero p{max-width:800px;margin:0 auto 30px;font-size:1.2rem;color:#f7f7f7}
.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 30px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:.3s;cursor:pointer}
.btn-primary{background:#c2181d;color:#fff;border:none}
.btn-primary:hover{background:#7d0005;transform:translateY(-2px);color:#fff}
.btn-secondary{background:transparent;border:2px solid #c2181d;color:#c2181d}
.btn-secondary:hover{background:#c2181d;color:#fff;transform:translateY(-2px)}
.promo-block{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid #c2181d;border-radius:12px;padding:30px;margin:30px 0;text-align:center}
.promo-code{background:#c2181d;display:inline-block;padding:12px 30px;border-radius:50px;font-size:1.8rem;font-weight:800;letter-spacing:4px;color:#fff;margin:15px 0}
.promo-list{text-align:left;max-width:500px;margin:20px auto}
.promo-list p{margin-bottom:12px;padding-left:20px;position:relative}
.promo-list p:before{content:"✓";color:#c2181d;font-weight:bold;position:absolute;left:0}
.promo-steps{text-align:left;max-width:500px;margin:20px auto}
.promo-steps p{margin-bottom:12px;padding-left:25px;position:relative}
.promo-steps p:before{content:counter(step);counter-increment:step;background:#c2181d;color:#fff;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;position:absolute;left:0;top:2px}
.promo-steps{counter-reset:step}
h2{font-size:1.8rem;border-left:4px solid #c2181d;padding-left:20px;margin:1.5em 0 1em;color:#c2181d}
h3{font-size:1.4rem;margin-top:1.2em;color:#f7f7f7}
h4{font-size:1.2rem;color:#c2181d}
p,li{color:#f7f7f7;font-size:1rem;margin-bottom:1em}
ul,ol{margin-left:20px}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0}
.feature-item{background:#0a0a0a;border:1px solid #222;border-radius:12px;padding:25px;transition:.3s}
.feature-item:hover{border-color:#c2181d;transform:translateY(-5px)}
.feature-item h3,.feature-item h4{margin-bottom:15px}
.footer{background:#050505;border-top:1px solid #c2181d;padding:40px 20px;margin-top:60px;text-align:center}
.footer p{color:#888;font-size:0.85rem;margin-bottom:10px}
.footer-18plus{display:inline-block;background:#c2181d;padding:5px 12px;border-radius:20px;font-weight:bold;margin-bottom:15px}
@media (max-width:992px){
.mobile-menu-toggle{display:flex}
.main-menu{position:absolute;top:100%;left:0;right:0;background:#0a0a0a;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid #c2181d;z-index:99}
#menu-toggle:checked ~ .main-menu{max-height:600px;overflow-y:auto}
#menu-toggle:checked ~ .mobile-menu-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
#menu-toggle:checked ~ .mobile-menu-toggle span:nth-child(2){opacity:0}
#menu-toggle:checked ~ .mobile-menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.menu-list{flex-direction:column;padding:10px 20px 20px;gap:0}
.menu-list>li{border-bottom:1px solid #222;position:relative}
.menu-list>li:last-child{border-bottom:none}
.menu-list>li>a{padding:12px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.menu-list>li>a span i{transition:.2s}
.submenu{position:static;opacity:1;visibility:visible;max-height:0;overflow:hidden;transition:max-height .3s ease;border:none;background:#111;margin-top:0;min-width:auto;width:100%;box-shadow:none;padding-left:15px}
.menu-list>li.open .submenu{max-height:300px}
.menu-list>li.open>a span i{transform:rotate(180deg)}
.submenu li a{padding:10px 0 10px 20px;border-bottom:1px solid #222}
.submenu li:last-child a{border-bottom:none}
.hero h1{font-size:2rem}
h2{font-size:1.5rem}
}
@media (max-width:768px){
.header-container{padding:10px 15px}
.logo img{height:18px}
.btn-download{padding:8px 16px;font-size:0.75rem}
.hero{padding:50px 20px}
.hero h1{font-size:1.8rem}
.hero p{font-size:1rem}
.btn{padding:10px 20px;font-size:0.85rem}
.fixed-download{padding:10px 20px;font-size:0.85rem;right:15px;bottom:15px}
.promo-code{font-size:1.3rem;padding:8px 20px}
}
@media (max-width:480px){
.container{padding:0 15px}
h2{padding-left:12px;font-size:1.3rem}
.hero-buttons{gap:12px}
.features-grid{grid-template-columns:1fr}
}