/* ====================== ОБНУЛЕНИЕ И БАЗА ====================== */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Roboto',sans-serif;background:#0f0f0f;color:#fff;line-height:1.6;}
img {max-width:100%;height:auto;display:block;}
a {text-decoration:none;color:inherit;}
.container {width:90%;max-width:1200px;margin:0 auto;padding:0 15px;}

/* ====================== ШАПКА ====================== */
header {background:#1a1a1a;border-bottom:3px solid #b8860b;padding:15px 0;position:sticky;top:0;z-index:100;}
header .container {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.logo img {height:60px;}
nav a {color:#fff;margin:0 15px;font-weight:500;font-size:18px;transition:.3s;}
nav a:hover {color:#b8860b;}

/* ====================== HERO ====================== */
.hero {background:linear-gradient(135deg,#1a1a1a,#000),url('../images/hero-bg.webp') center/cover no-repeat;padding:80px 0;text-align:center;}
.hero h1 {font-size:42px;margin-bottom:20px;}
.hero h1 .code {color:#b8860b;font-size:52px;font-weight:900;}
.hero p {font-size:20px;margin-bottom:40px;color:#ccc;}
.top-bonuses {display:flex;flex-wrap:wrap;gap:30px;justify-content:center;}
.bonus-card {background:#1a1a1a;border:2px solid #333;border-radius:15px;padding:25px;width:300px;transition:.3s;box-shadow:0 10px 20px rgba(0,0,0,.5);}
.bonus-card:hover {transform:translateY(-10px);border-color:#b8860b;}
.bonus-card img {height:80px;margin:0 auto 15px;}
.bonus-card h3 {font-size:28px;color:#b8860b;margin:10px 0;}
.bonus-card p {font-size:18px;margin-bottom:20px;}
.btn {display:block;background:#b8860b;color:#000;font-weight:900;padding:15px;font-size:18px;border-radius:10px;transition:.3s;}
.btn:hover {background:#ffd700;}

/* ====================== ФУТЕР ====================== */
footer {background:#000;padding:30px 0;text-align:center;font-size:14px;color:#777;}

/* ====================== АДАПТИВ ====================== */
@media (max-width:768px) {
    .hero h1 {font-size:32px;}
    .hero h1 .code {font-size:40px;}
    .top-bonuses {gap:20px;}
    .bonus-card {width:100%;max-width:350px;}
    nav a {margin:10px;font-size:16px;}
}


.rating-table {width:100%;border-collapse:collapse;margin:30px 0;background:#1a1a1a;border-radius:10px;overflow:hidden;}
.rating-table th, .rating-table td {padding:15px;text-align:left;border-bottom:1px solid #333;color:#fff;}
.rating-table th {background:#b8860b;color:#000;}
.bonuses-list {list-style:none;padding:0;}
.bonuses-list li {background:#1a1a1a;padding:20px;margin:15px 0;border-radius:10px;}
.news-grid, .reviews-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0;}
.news-grid article {background:#1a1a1a;padding:20px;border-radius:10px;}
.faq-block details {margin:20px 0;background:#1a1a1a;padding:20px;border-radius:10px;}
.faq-block summary {cursor:pointer;font-weight:700;color:#b8860b;}