*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Helvetica Neue',Arial,sans-serif;background:#5a0008;color:#fff;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}

/* ===== HEADER ===== */
header{background:linear-gradient(180deg,#7a0010,#4d0008);position:sticky;top:0;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.top-bar{background:#3a0006;padding:6px 20px;font-size:12px;color:#f0c060;display:flex;justify-content:space-between;flex-wrap:wrap;}
.top-bar span{margin-right:14px;}
nav.main-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;flex-wrap:wrap;gap:10px;}
.logo{font-family:'Arial Black',sans-serif;font-size:32px;font-weight:900;color:#ffd24a;text-shadow:2px 2px 0 #b3000c,4px 4px 8px rgba(0,0,0,.6);letter-spacing:1px;}
.nav-links{display:flex;gap:6px;list-style:none;flex-wrap:wrap;}
.nav-links a{padding:8px 14px;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:.25s;}
.nav-links a:hover,.nav-links a.active{background:#ffd24a;color:#7a0010;font-weight:700;}
.nav-cta{display:flex;gap:8px;}
.btn{padding:9px 20px;border-radius:24px;font-weight:700;font-size:13px;letter-spacing:.5px;transition:.25s;cursor:pointer;border:none;}
.btn-login{background:#1a4dff;color:#fff;}
.btn-login:hover{background:#0033cc;}
.btn-register{background:linear-gradient(180deg,#3acd5b,#1a8a35);color:#fff;}
.btn-register:hover{filter:brightness(1.15);}

/* ===== HERO ===== */
.hero{position:relative;background:linear-gradient(135deg,#9a0014,#5a0008);overflow:hidden;}
.hero-inner{display:flex;align-items:center;gap:30px;max-width:1280px;margin:0 auto;padding:30px 24px;flex-wrap:wrap;}
.hero-text{flex:1;min-width:280px;}
.hero-text h1{font-size:54px;font-family:'Arial Black',sans-serif;color:#ffd24a;text-shadow:3px 3px 0 #b3000c;line-height:1.05;margin-bottom:18px;}
.hero-text p.lead{font-size:16px;color:#ffe9b8;margin-bottom:22px;max-width:520px;}
.hero-cta{display:inline-block;background:linear-gradient(180deg,#ff6b1a,#cc3a00);padding:14px 36px;border-radius:30px;color:#fff;font-weight:800;font-size:16px;text-transform:uppercase;box-shadow:0 6px 0 #7a1f00;}
.hero-cta:hover{transform:translateY(2px);box-shadow:0 4px 0 #7a1f00;}
.hero-image{flex:1;min-width:280px;text-align:center;}
.hero-image img{border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);}

/* ===== STEPS ===== */
.steps{background:#3a0006;padding:22px 0;border-top:1px solid #ffd24a33;border-bottom:1px solid #ffd24a33;}
.steps-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;}
.step{display:flex;align-items:center;gap:14px;}
.step-num{width:48px;height:48px;border-radius:50%;background:#ffd24a;color:#7a0010;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;}
.step-text small{color:#ffd24a;font-size:11px;display:block;}
.step-text strong{font-size:14px;color:#fff;letter-spacing:.5px;}

/* ===== SECTIONS ===== */
section{padding:50px 24px;}
.container{max-width:1280px;margin:0 auto;}
.section-title{font-size:30px;color:#ffd24a;margin-bottom:8px;font-family:'Arial Black',sans-serif;}
.section-sub{color:#ffe9b8;margin-bottom:28px;font-size:14px;max-width:760px;}

/* Popular block */
.popular{background:linear-gradient(180deg,#4d0008,#3a0006);border-radius:14px;padding:26px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.popular-tabs{display:flex;flex-direction:column;gap:8px;min-width:90px;}
.popular-tabs button{background:#ffd24a;color:#7a0010;border:none;padding:10px 14px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;}
.popular-tabs button.alt{background:#7a0010;color:#ffd24a;border:1px solid #ffd24a;}
.popular-img{flex:1;min-width:260px;}
.popular-img img{border-radius:10px;}
.popular-info{flex:1;min-width:260px;}
.popular-info h3{color:#ffd24a;font-size:24px;margin-bottom:10px;}
.popular-info p{color:#ffe9b8;margin-bottom:16px;font-size:14px;}
.play-btn{display:inline-block;background:#ff3b3b;color:#fff;padding:10px 30px;border-radius:6px;font-weight:700;}

/* Service banner */
.service-bar{background:linear-gradient(90deg,#ff3b3b,#b3000c);padding:18px 24px;border-radius:10px;margin-top:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.service-bar .ico{font-size:28px;color:#ffd24a;}
.service-bar .txt{flex:1;}
.service-bar .txt strong{display:block;font-size:16px;}
.service-bar .txt small{font-size:12px;color:#ffe9b8;}
.service-bar a{background:#ffd24a;color:#7a0010;padding:8px 18px;border-radius:6px;font-weight:700;font-size:13px;}

/* Jackpot */
.jackpot{text-align:center;padding:40px 24px;}
.jackpot h2{color:#ffd24a;font-size:42px;font-family:'Arial Black',sans-serif;margin-bottom:18px;text-shadow:3px 3px 0 #7a0010;}
.jackpot-display{display:inline-block;background:#1a0000;border:4px solid #ffd24a;border-radius:10px;padding:18px 30px;font-family:'Courier New',monospace;font-size:48px;font-weight:900;color:#ff3b3b;letter-spacing:4px;text-shadow:0 0 12px #ff3b3b;}

/* Game grid */
.games-wrap{display:flex;gap:18px;align-items:flex-start;margin-top:26px;flex-wrap:wrap;}
.brand-tabs{display:flex;flex-direction:column;gap:10px;min-width:80px;}
.brand-tabs .tab{background:#ffd24a;color:#7a0010;padding:10px 8px;border-radius:6px;text-align:center;font-weight:800;font-size:13px;}
.brand-tabs .tab.alt{background:#7a0010;color:#ffd24a;border:1px solid #ffd24a;}
.game-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
.game-card{background:#7a0010;border-radius:8px;overflow:hidden;border:2px solid #ffd24a55;transition:.25s;}
.game-card:hover{transform:translateY(-4px);border-color:#ffd24a;box-shadow:0 6px 16px rgba(0,0,0,.5);}
.game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.game-card .label{padding:8px;text-align:center;font-size:12px;color:#ffd24a;font-weight:600;}

/* Devices */
.devices{display:flex;gap:30px;align-items:center;margin-top:24px;flex-wrap:wrap;background:linear-gradient(180deg,#4d0008,#3a0006);border-radius:14px;padding:30px;}
.devices-img{flex:1;min-width:240px;text-align:center;}
.devices-img img{max-width:340px;margin:0 auto;}
.devices-info{flex:1.4;min-width:280px;}
.devices-info h3{color:#ffd24a;font-size:24px;margin-bottom:14px;}
.devices-info p{color:#ffe9b8;margin-bottom:16px;font-size:14px;}
.qr-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-top:16px;}
.qr-box{background:#fff;padding:8px;border-radius:6px;text-align:center;}
.qr-box img{width:100px;height:100px;background:#000;}
.qr-box small{display:block;color:#7a0010;font-size:11px;font-weight:700;margin-top:4px;background:#ff3b3b;color:#fff;padding:3px 6px;border-radius:3px;}

/* Content / SEO */
.seo-content{background:#3a0006;padding:50px 24px;}
.seo-content h2{color:#ffd24a;font-size:26px;margin:24px 0 12px;font-family:'Arial Black',sans-serif;}
.seo-content h3{color:#ffd24a;font-size:20px;margin:18px 0 10px;}
.seo-content h4{color:#ffe9b8;font-size:16px;margin:14px 0 8px;}
.seo-content p{color:#ffe9b8;margin-bottom:14px;font-size:14.5px;}
.seo-content ul{margin:10px 0 18px 22px;color:#ffe9b8;}
.seo-content li{margin-bottom:6px;font-size:14px;}
.quote{background:#5a0008;border-left:4px solid #ffd24a;padding:14px 18px;margin:16px 0;font-style:italic;color:#ffe9b8;border-radius:4px;}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0;}
.stat-box{background:linear-gradient(180deg,#7a0010,#4d0008);padding:18px;border-radius:8px;text-align:center;border:1px solid #ffd24a55;}
.stat-box b{display:block;font-size:26px;color:#ffd24a;font-family:'Arial Black',sans-serif;}
.stat-box span{font-size:12px;color:#ffe9b8;}

/* FAQ */
.faq-item{background:#5a0008;border:1px solid #ffd24a44;border-radius:8px;padding:16px 20px;margin-bottom:12px;}
.faq-item h4{color:#ffd24a;font-size:16px;margin-bottom:8px;}
.faq-item p{color:#ffe9b8;font-size:14px;}

/* Footer */
footer{background:#2a0004;padding:40px 24px 20px;border-top:3px solid #ffd24a;}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.footer-col h4{color:#ffd24a;font-size:18px;margin-bottom:14px;font-family:'Arial Black',sans-serif;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:8px;font-size:13px;color:#ffe9b8;}
.footer-col a:hover{color:#ffd24a;}
.footer-logo{font-size:34px;color:#ffd24a;font-family:'Arial Black',sans-serif;text-shadow:2px 2px 0 #b3000c;}
.footer-bottom{max-width:1280px;margin:30px auto 0;padding-top:20px;border-top:1px solid #ffd24a33;text-align:center;color:#ffe9b8;font-size:12px;}

@media(max-width:768px){
.hero-text h1{font-size:36px;}
.jackpot h2{font-size:30px;}
.jackpot-display{font-size:28px;padding:12px 18px;letter-spacing:2px;}
.section-title{font-size:24px;}
nav.main-nav{padding:10px 14px;}
.logo{font-size:26px;}
.nav-links a{padding:6px 10px;font-size:13px;}
}
.step-num img{width:100%;height:100%;object-fit:cover;object-position:center}