*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:linear-gradient(180deg,#5a0a23 0%,#7a0e2e 50%,#5a0a23 100%);color:#fff;line-height:1.6;min-height:100vh;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* Header */
header{background:linear-gradient(180deg,#3d0817 0%,#5a0a23 100%);padding:12px 20px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.4);border-bottom:2px solid #a8123e;}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.logo{font-size:28px;font-weight:900;color:#ffd700;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,0.6);}
nav ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;}
nav ul li a{padding:8px 14px;border-radius:20px;font-size:14px;color:#ffe5cc;transition:0.3s;display:block;}
nav ul li a:hover,nav ul li a.active{background:#a8123e;color:#ffd700;}
.auth-btns{display:flex;gap:8px;}
.auth-btns a{padding:8px 18px;border-radius:20px;font-weight:700;font-size:13px;}
.btn-login{background:transparent;border:2px solid #ffd700;color:#ffd700;}
.btn-register{background:linear-gradient(135deg,#ffd700,#ff9500);color:#5a0a23;}
.btn-login:hover{background:#ffd700;color:#5a0a23;}

/* Hero */
.hero{max-width:1200px;margin:20px auto;padding:0 20px;}
.hero-banner{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.5);}
.hero-banner img{width:100%;height:auto;}
.hero-overlay{position:absolute;top:50%;left:5%;transform:translateY(-50%);max-width:50%;}
.hero-overlay h1{font-size:clamp(20px,3.5vw,42px);color:#ffd700;text-shadow:0 3px 8px rgba(0,0,0,0.8);font-weight:900;line-height:1.2;}
.hero-overlay p{margin-top:10px;font-size:clamp(12px,1.4vw,16px);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.8);}
.hero-cta{display:inline-block;margin-top:14px;padding:10px 24px;background:linear-gradient(135deg,#ffd700,#ff9500);color:#5a0a23;border-radius:25px;font-weight:800;font-size:14px;}

/* Section */
section{max-width:1200px;margin:30px auto;padding:0 20px;}
.section-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid #a8123e;}
.section-title h2{font-size:22px;color:#ffd700;}
.section-title .more{margin-left:auto;font-size:13px;color:#ffb3c7;}

/* Jackpot */
.jackpot{background:linear-gradient(135deg,#a8123e,#7a0e2e);border-radius:14px;padding:24px;text-align:center;margin:30px auto;max-width:1160px;border:2px solid #ffd700;box-shadow:0 6px 20px rgba(0,0,0,0.4);}
.jackpot h2{font-size:32px;color:#ffd700;letter-spacing:6px;font-weight:900;text-shadow:0 3px 6px rgba(0,0,0,0.6);}
.jackpot-counter{font-size:clamp(28px,5vw,52px);font-weight:900;color:#fff;margin-top:10px;letter-spacing:4px;font-family:'Courier New',monospace;}
.jackpot-counter span{display:inline-block;background:#3d0817;padding:6px 12px;border-radius:8px;margin:4px 2px;border:1px solid #ffd700;}

/* Card grid */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;}
.card{background:linear-gradient(180deg,#7a0e2e,#5a0a23);border-radius:12px;overflow:hidden;text-align:center;transition:0.3s;border:1px solid rgba(255,215,0,0.2);}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(255,215,0,0.3);}
.card img{width:100%;height:auto;object-fit:cover;}
.card .label{padding:10px 6px;font-size:13px;color:#ffe5cc;font-weight:600;}

/* Sport grid */
.sport-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.sport-card{background:#3d0817;border-radius:12px;overflow:hidden;border:1px solid rgba(255,215,0,0.15);}
.sport-card img{width:100%;height:auto;}
.sport-card .label{padding:10px;text-align:center;background:#a8123e;color:#ffd700;font-weight:700;font-size:14px;}

/* Featured banner */
.feat-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}
.feat-banners img{width:100%;height:auto;border-radius:12px;border:2px solid #a8123e;}

/* Brand article */
.brand-content{background:rgba(0,0,0,0.25);border-radius:14px;padding:24px;border:1px solid rgba(255,215,0,0.2);}
.brand-content h2{color:#ffd700;font-size:22px;margin-bottom:14px;}
.brand-content h3{color:#ffb3c7;font-size:18px;margin:20px 0 10px;}
.brand-content p{margin-bottom:12px;color:#ffe5cc;font-size:15px;}
.brand-content ul{margin:10px 0 14px 24px;color:#ffe5cc;}
.brand-content ul li{margin-bottom:6px;}
.testimonial{background:linear-gradient(135deg,#a8123e,#7a0e2e);border-left:4px solid #ffd700;padding:16px 20px;margin:18px 0;border-radius:8px;font-style:italic;}

/* Stats */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0;}
.stat-box{background:linear-gradient(135deg,#3d0817,#7a0e2e);border:2px solid #ffd700;border-radius:12px;padding:18px;text-align:center;}
.stat-box .num{font-size:28px;font-weight:900;color:#ffd700;}
.stat-box .desc{font-size:13px;color:#ffe5cc;margin-top:6px;}

/* FAQ */
.faq-item{background:rgba(61,8,23,0.6);border-radius:10px;padding:16px 20px;margin-bottom:12px;border-left:4px solid #ffd700;}
.faq-item h4{color:#ffd700;font-size:16px;margin-bottom:8px;}
.faq-item p{color:#ffe5cc;font-size:14px;}
.faq-item ul{margin-top:8px;margin-left:20px;color:#ffe5cc;}

/* Partners */
.partners{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;padding:20px;background:rgba(0,0,0,0.3);border-radius:12px;}
.partners img{height:40px;width:auto;opacity:0.8;}

/* Footer */
footer{background:#2a0510;padding:30px 20px;margin-top:40px;border-top:3px solid #a8123e;}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;}
.footer-col h4{color:#ffd700;margin-bottom:12px;font-size:15px;}
.footer-col a{display:block;color:#ffb3c7;font-size:13px;padding:4px 0;}
.footer-col a:hover{color:#ffd700;}
.copyright{text-align:center;color:#888;margin-top:24px;padding-top:18px;border-top:1px solid #4a0817;font-size:13px;}

@media(max-width:768px){
.header-inner{justify-content:center;}
nav ul{justify-content:center;}
.hero-overlay{max-width:60%;}
.section-title h2{font-size:18px;}
.jackpot h2{font-size:22px;letter-spacing:3px;}
}