*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,sans-serif}
body{background:#0f2545;color:#e6edf6;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
header{background:#0b1d3a;border-bottom:2px solid #1a3260;position:sticky;top:0;z-index:100}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;flex-wrap:wrap;gap:10px}
.logo{font-size:1.8em;font-weight:900;color:#ffcb05;text-transform:uppercase;letter-spacing:1px}
.logo span{color:#fff}
nav ul{display:flex;list-style:none;gap:5px;flex-wrap:wrap}
nav ul li a{padding:8px 14px;color:#cfd8e6;font-weight:600;font-size:.9em;text-transform:uppercase;border-radius:4px;transition:.3s}
nav ul li a:hover,nav ul li a.active{background:#1a3260;color:#ffcb05}
.auth-buttons{display:flex;gap:8px;align-items:center}
.search-box{padding:7px 12px;border-radius:20px;border:1px solid #1a3260;background:#0f2545;color:#fff;font-size:.85em}
.btn{padding:9px 22px;border-radius:25px;font-weight:700;font-size:.85em;cursor:pointer;border:none;transition:.3s;text-transform:uppercase}
.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(59,130,246,.4)}
.btn-yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0b1d3a}
.btn-yellow:hover{transform:translateY(-2px)}

.hero{position:relative;margin:20px 0;border-radius:12px;overflow:hidden;background:#1a3260}
.hero img{width:100%;height:auto;object-fit:cover}
.hero-content{position:absolute;top:50%;left:5%;transform:translateY(-50%);max-width:45%}
.hero-content h1{font-size:2.4em;color:#ffcb05;text-shadow:3px 3px 0 #c2410c;line-height:1.1;margin-bottom:15px}
.hero-content p{color:#fff;font-size:1em;margin-bottom:18px;background:rgba(0,0,0,.45);padding:8px 12px;border-radius:6px}

.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}
.cat-big{background:linear-gradient(135deg,#0d9488,#0f766e);padding:30px 20px;border-radius:10px;text-align:center;font-size:1.6em;font-weight:900;color:#fff;letter-spacing:2px;cursor:pointer;transition:.3s}
.cat-big:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(13,148,136,.4)}
.cat-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 30px}
.cat-mini div{background:#0d9488;padding:22px 10px;text-align:center;border-radius:8px;font-weight:800;color:#fff;cursor:pointer;font-size:.95em;transition:.3s}
.cat-mini div:hover{background:#0f766e;transform:translateY(-3px)}

.section-title{color:#22d3ee;font-size:1.2em;font-weight:700;margin:25px 0 12px;padding-bottom:8px;border-bottom:1px solid #1a3260}

.events-panel{background:#0b1d3a;border-radius:8px;padding:18px;border:1px solid #1a3260}
.events-panel h3{color:#fff;margin-bottom:12px;font-size:1em}
.match-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;background:#0f2545;border-radius:6px;margin-bottom:8px;align-items:center;font-size:.85em}
.match-row .vs{text-align:center;color:#ffcb05;font-weight:700}
.odds{display:flex;gap:6px;justify-content:flex-end}
.odds span{background:#1a3260;padding:4px 10px;border-radius:4px;color:#22d3ee;font-weight:700}

.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:15px 0}
.game-card{background:#0b1d3a;border-radius:6px;overflow:hidden;cursor:pointer;transition:.3s;position:relative;border:1px solid #1a3260}
.game-card img{width:100%;height:120px;object-fit:cover}
.game-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(34,211,238,.3)}
.game-label{position:absolute;top:6px;left:6px;background:#dc2626;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7em;font-weight:700}

.tournament-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0}
.tour-card{background:#0b1d3a;border-radius:10px;overflow:hidden;border:1px solid #1a3260}
.tour-card img{width:100%;height:170px;object-fit:cover}
.tour-body{padding:18px}
.tour-body h4{color:#fff;margin-bottom:10px}
.tour-info{display:flex;justify-content:space-between;margin:10px 0;color:#cfd8e6;font-size:.9em}
.prize{color:#ffcb05;font-weight:700;font-size:1.1em}
.timer{display:flex;gap:8px;margin:12px 0}
.timer span{background:#1a3260;padding:6px 10px;border-radius:4px;font-weight:700;color:#22d3ee;min-width:40px;text-align:center}

.about-section{background:#0b1d3a;padding:30px;border-radius:10px;margin:30px 0;border:1px solid #1a3260}
.about-section h2{color:#ffcb05;margin-bottom:15px;font-size:1.6em}
.about-section p{margin-bottom:14px;color:#cfd8e6}
.about-section h3{color:#22d3ee;margin:20px 0 10px;font-size:1.2em}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}
.stat-box{background:#0b1d3a;padding:25px 15px;border-radius:10px;text-align:center;border-top:3px solid #ffcb05}
.stat-box .num{font-size:1.8em;color:#ffcb05;font-weight:900}
.stat-box .label{color:#cfd8e6;font-size:.85em;margin-top:6px}

.features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}
.feat-card{background:#0b1d3a;border-radius:10px;overflow:hidden;border:1px solid #1a3260}
.feat-card img{width:100%;height:200px;object-fit:cover}
.feat-card .body{padding:18px}
.feat-card h3{color:#22d3ee;margin-bottom:10px}
.feat-card p{color:#cfd8e6;font-size:.92em}

.faq-section{margin:35px 0}
.faq-item{background:#0b1d3a;padding:20px;border-radius:8px;margin-bottom:12px;border-left:4px solid #ffcb05}
.faq-item h4{color:#22d3ee;margin-bottom:8px;font-size:1.05em}
.faq-item p{color:#cfd8e6}
.faq-item ul{margin:8px 0 0 22px;color:#cfd8e6}

.testimonial{background:linear-gradient(135deg,#1e3a8a,#0b1d3a);padding:25px;border-radius:10px;margin:30px 0;font-style:italic;border-left:4px solid #22d3ee}
.testimonial strong{color:#ffcb05;font-style:normal}

footer{background:#08152b;padding:40px 0 20px;margin-top:50px;border-top:2px solid #1a3260}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:25px}
.footer-col h4{color:#ffcb05;margin-bottom:15px;font-size:1em;text-transform:uppercase}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px;color:#cfd8e6;font-size:.9em}
.footer-col li a:hover{color:#22d3ee}
.footer-bottom{border-top:1px solid #1a3260;padding-top:18px;text-align:center;color:#94a3b8;font-size:.85em}
.footer-bottom .tag{color:#ffcb05;font-weight:700;margin-top:8px;display:block}

@media(max-width:768px){
  .nav-wrap{flex-direction:column}
  nav ul{justify-content:center}
  .hero-content{position:static;transform:none;max-width:100%;padding:20px}
  .hero-content h1{font-size:1.5em}
  .category-grid,.cat-mini,.tournament-grid,.features-row,.footer-grid{grid-template-columns:1fr}
  .game-grid{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .match-row{grid-template-columns:1fr;text-align:center}
  .odds{justify-content:center}
}