*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f4f4f4;color:#222;line-height:1.6;font-size:14px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}

.top-bar{background:#1a1a1a;color:#ccc;font-size:12px;padding:6px 0}
.top-bar-inner{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.top-bar a{color:#ccc;margin-left:12px}

header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}
.header-inner{max-width:1200px;margin:0 auto;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{font-size:30px;font-weight:900;color:#d4163c;letter-spacing:-1px;font-family:'Arial Black',sans-serif}
.logo span{color:#1a1a1a}

nav ul{display:flex;list-style:none;gap:5px;flex-wrap:wrap}
nav ul li a{padding:10px 16px;color:#333;font-weight:600;font-size:14px;border-radius:4px;transition:.2s;display:block}
nav ul li a:hover,nav ul li a.active{background:#d4163c;color:#fff}

.auth-btns{display:flex;gap:8px}
.btn-login,.btn-register{padding:9px 22px;border-radius:4px;font-weight:700;font-size:13px;transition:.2s;text-transform:uppercase}
.btn-login{background:#fff;color:#d4163c;border:2px solid #d4163c}
.btn-login:hover{background:#d4163c;color:#fff}
.btn-register{background:linear-gradient(135deg,#f5a623,#e8941a);color:#fff;border:2px solid #f5a623}
.btn-register:hover{background:linear-gradient(135deg,#e8941a,#d4163c)}

.hero{position:relative;background:linear-gradient(135deg,#2a0a14,#5a1a2a);overflow:hidden}
.hero-content{max-width:1200px;margin:0 auto;padding:0;text-align:center}
.hero img{width:100%;height:auto;margin:0 auto}

.discount-strip{background:linear-gradient(90deg,#d4163c,#f5a623,#d4163c);color:#fff;padding:12px 15px;text-align:center;font-weight:700;font-size:15px}

main{max-width:1200px;margin:20px auto;padding:0 15px}

.intro-block{background:#fff;padding:25px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:20px}
.intro-block h1{font-size:24px;color:#d4163c;margin-bottom:15px;line-height:1.3;border-bottom:2px solid #f5a623;padding-bottom:10px}
.intro-block p{margin-bottom:14px;color:#444;text-align:justify}

.banner-area{margin:20px 0;text-align:center}
.banner-area img{margin:0 auto;width:100%;max-width:700px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15)}

.section{background:#fff;padding:25px;border-radius:6px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.section h2{font-size:20px;color:#1a1a1a;margin-bottom:15px;padding-left:12px;border-left:4px solid #d4163c}
.section h3{font-size:17px;color:#d4163c;margin:18px 0 10px}
.section h4{font-size:15px;color:#333;margin:12px 0 8px}
.section p{margin-bottom:12px;color:#444;text-align:justify}
.section ul{margin:10px 0 14px 25px;color:#444}
.section ul li{margin-bottom:6px}

.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin:20px 0}
.game-card{background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;text-align:center;transition:.25s;cursor:pointer}
.game-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(212,22,60,.2)}
.game-card img{width:100%;height:auto;object-fit:cover}
.game-card .name{padding:10px 8px;font-size:13px;font-weight:600;color:#333}

.casino-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin:18px 0}
.casino-card{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.casino-card img{width:100%;height:auto}
.casino-card .label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;padding:25px 12px 10px;font-weight:700;font-size:14px}

.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}
.stat-box{background:linear-gradient(135deg,#d4163c,#8a0e26);color:#fff;padding:20px 12px;border-radius:6px;text-align:center}
.stat-box .num{font-size:26px;font-weight:900;display:block;margin-bottom:5px}
.stat-box .lbl{font-size:12px;text-transform:uppercase;letter-spacing:.5px}

.feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:20px 0}
.feature-item{background:#fafafa;padding:18px;border-radius:6px;border-left:3px solid #f5a623}
.feature-item h3{margin-top:0}

.review-box{background:linear-gradient(135deg,#fff8f0,#fff);padding:20px;border-radius:6px;border-left:4px solid #f5a623;margin:20px 0;font-style:italic;color:#555}
.review-box strong{color:#d4163c;font-style:normal}

.faq-item{background:#fafafa;padding:15px 18px;border-radius:6px;margin-bottom:12px;border-left:3px solid #d4163c}
.faq-item h4{color:#1a1a1a;font-size:15px;margin-bottom:8px}
.faq-item p{color:#555;margin-bottom:0}
.faq-item ul{margin-top:8px}

.compare-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:13px}
.compare-table th,.compare-table td{padding:10px;border:1px solid #ddd;text-align:left}
.compare-table th{background:#d4163c;color:#fff}
.compare-table tr:nth-child(even){background:#fafafa}

footer{background:#1a1a1a;color:#999;padding:30px 0 15px;margin-top:30px}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.footer-col h4{color:#fff;font-size:15px;margin-bottom:12px;border-bottom:1px solid #333;padding-bottom:8px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:6px;font-size:13px}
.footer-col ul li a:hover{color:#f5a623}
.footer-bottom{max-width:1200px;margin:20px auto 0;padding:15px 15px 0;border-top:1px solid #333;text-align:center;font-size:12px}
.footer-logo{font-size:28px;font-weight:900;color:#d4163c;margin-bottom:10px}

@media(max-width:768px){
.header-inner{flex-direction:column}
nav ul{justify-content:center;width:100%}
nav ul li a{padding:8px 10px;font-size:13px}
.auth-btns{width:100%;justify-content:center}
.intro-block h1{font-size:20px}
.section h2{font-size:17px}
.stat-box .num{font-size:22px}
.top-bar-inner{justify-content:center;text-align:center}
}