*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#3a0808;color:#f5e6c8;line-height:1.6}
a{text-decoration:none;color:inherit}
/* Header */
header{background:linear-gradient(180deg,#5a0e0e 0%,#3a0808 100%);border-bottom:2px solid #c9a961;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.5)}
.nav-wrap{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.logo{font-size:28px;font-weight:900;color:#f4c430;letter-spacing:2px;text-shadow:0 0 8px rgba(244,196,48,.5)}
nav ul{display:flex;list-style:none;gap:5px;flex-wrap:wrap}
nav ul li a{padding:8px 16px;border-radius:6px;color:#f5e6c8;font-weight:500;transition:.3s;display:block}
nav ul li a:hover,nav ul li a.active{background:#c9a961;color:#3a0808}
.auth-btns{display:flex;gap:8px}
.btn{padding:8px 18px;border-radius:20px;font-weight:600;cursor:pointer;border:none;transition:.3s}
.btn-login{background:transparent;color:#f4c430;border:1px solid #c9a961}
.btn-register{background:linear-gradient(135deg,#f4c430,#c9a961);color:#3a0808}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,196,48,.3)}

/* Hero */
.hero{background:linear-gradient(135deg,#4a0a0a 0%,#7a1414 50%,#4a0a0a 100%);padding:60px 20px;text-align:center;position:relative;overflow:hidden}
.hero h1{font-size:42px;color:#f4c430;margin-bottom:20px;text-shadow:0 0 15px rgba(244,196,48,.5)}
.hero p{font-size:18px;max-width:760px;margin:0 auto 30px;color:#f5e6c8}
.hero-banner{max-width:600px;margin:30px auto 0}
.hero-banner img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.6)}

/* Sections */
section{padding:50px 20px}
.container{max-width:1200px;margin:0 auto}
.section-title{font-size:28px;color:#f4c430;text-align:center;margin-bottom:10px;position:relative;padding-bottom:12px}
.section-title:after{content:"";width:60px;height:3px;background:#c9a961;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.section-sub{text-align:center;color:#d4b896;margin-bottom:36px;max-width:780px;margin-left:auto;margin-right:auto}

/* Jackpot */
.jackpot-wrap{background:linear-gradient(135deg,#5a0e0e,#7a1414);border:2px solid #c9a961;border-radius:14px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.jackpot-num{font-size:48px;color:#f4c430;font-weight:900;text-align:center;text-shadow:0 0 18px rgba(244,196,48,.6);letter-spacing:3px}
.jackpot-list{list-style:none}
.jackpot-list li{padding:10px 0;border-bottom:1px solid rgba(201,169,97,.3);display:flex;justify-content:space-between;color:#f5e6c8}
.jackpot-list li:last-child{border:none}

/* Games grid */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.game-card{background:#4a0a0a;border:1px solid rgba(201,169,97,.4);border-radius:10px;overflow:hidden;transition:.3s;text-align:center}
.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,.5);border-color:#f4c430}
.game-card img{width:100%;height:auto;display:block}
.game-card .game-info{padding:12px}
.game-card h3{font-size:14px;color:#f4c430;margin-bottom:6px}
.game-card p{font-size:12px;color:#d4b896}

/* Categories */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.cat-card{background:linear-gradient(135deg,#5a0e0e,#3a0808);border:1px solid #c9a961;border-radius:12px;padding:24px;text-align:center;transition:.3s}
.cat-card:hover{transform:translateY(-4px);background:linear-gradient(135deg,#7a1414,#4a0a0a)}
.cat-card img{width:140px;height:auto;margin:0 auto 12px;border-radius:8px}
.cat-card h3{color:#f4c430;font-size:18px;margin-bottom:8px}
.cat-card p{font-size:13px;color:#d4b896}

/* Features */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.feat-card{background:#4a0a0a;padding:24px;border-radius:10px;border-left:4px solid #f4c430}
.feat-card h3{color:#f4c430;font-size:18px;margin-bottom:10px}
.feat-card p{color:#e5d4b0;font-size:14px}

/* About block */
.about-block{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.about-block img{width:100%;max-width:480px;height:auto;border-radius:12px;border:2px solid #c9a961}
.about-block h2{color:#f4c430;font-size:26px;margin-bottom:16px}
.about-block p{color:#e5d4b0;margin-bottom:14px;font-size:15px}

/* FAQ */
.faq-list{max-width:880px;margin:0 auto}
.faq-item{background:#4a0a0a;border:1px solid rgba(201,169,97,.4);border-radius:8px;padding:18px 22px;margin-bottom:14px}
.faq-item h4{color:#f4c430;font-size:16px;margin-bottom:10px}
.faq-item p{color:#e5d4b0;font-size:14px}
.faq-item ul{margin:8px 0 0 22px;color:#e5d4b0;font-size:14px}

/* Review */
.review-box{background:linear-gradient(135deg,#5a0e0e,#4a0a0a);border:1px solid #c9a961;border-radius:12px;padding:26px;max-width:820px;margin:30px auto 0;font-style:italic;color:#f5e6c8;text-align:center}

/* Footer */
footer{background:#2a0606;border-top:2px solid #c9a961;padding:44px 20px 20px;margin-top:20px}
.foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.footer-col h4{color:#f4c430;margin-bottom:14px;font-size:16px}
.footer-col ul{list-style:none}
.footer-col ul li{padding:5px 0;font-size:14px;color:#d4b896}
.footer-col ul li a:hover{color:#f4c430}
.foot-bottom{max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(201,169,97,.3);text-align:center;color:#a88d6a;font-size:13px}
.foot-bottom strong{color:#f4c430}

@media (max-width:768px){
  .hero h1{font-size:28px}
  .jackpot-wrap{grid-template-columns:1fr}
  .jackpot-num{font-size:34px}
  .about-block{grid-template-columns:1fr}
  nav ul{width:100%;justify-content:center}
  .auth-btns{width:100%;justify-content:center}
  .nav-wrap{flex-direction:column}
}