*{margin:0;padding:0;box-sizing:border-box}
:root{
  --primary-color:#ff6b35;
  --secondary-color:#004e89;
  --accent-color:#f77f00;
  --dark-bg:#0a1428;
  --light-bg:#f8f9fa;
  --text-dark:#1a1a1a;
  --text-light:#ffffff;
  --border-color:#ddd;
  --success-color:#28a745;
  --warning-color:#ffc107;
  --header-height:84px;
}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}
body{
  font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  line-height:1.6;color:var(--text-dark);background:var(--light-bg);
  padding-top:var(--header-height);
}

/* Header */
.sticky-header{
  position:fixed;top:0;left:0;right:0;z-index:999;
  background:linear-gradient(135deg,var(--dark-bg) 0%,var(--secondary-color) 100%);
  color:var(--text-light);
  padding:1rem 2rem;
  box-shadow:0 2px 10px rgba(0,0,0,.3);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.sticky-header-logo{
  display:flex;align-items:center;gap:.75rem;
  font-size:1.35rem;font-weight:800;
  color:var(--primary-color);text-decoration:none;white-space:nowrap;
}
.site-logo{width:36px;height:36px;display:block}
.site-name{line-height:1}
.sticky-header-nav{
  display:flex;align-items:center;justify-content:flex-end;
  flex-wrap:wrap;gap:1.25rem;
}
.sticky-header-nav a{
  color:var(--text-light);text-decoration:none;font-size:.95rem;
  transition:color .25s ease;
}
.sticky-header-nav a:hover,.sticky-header-nav a.active{color:var(--primary-color)}
.sticky-cta-btn{
  background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);
  color:var(--text-light);
  padding:.7rem 1.2rem;border:0;border-radius:8px;cursor:pointer;
  font-weight:800;transition:transform .2s ease,box-shadow .2s ease;
}
.sticky-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,53,.4)}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 2rem}
.section{margin:3.5rem 0;padding:3rem 0}
.section-title{
  font-size:2.25rem;text-align:center;margin-bottom:2.5rem;
  color:var(--secondary-color);position:relative;padding-bottom:1rem;
}
.section-title:after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:100px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--primary-color),var(--accent-color));
}

/* Page hero */
.page-hero{
  background:linear-gradient(135deg,var(--secondary-color) 0%,var(--dark-bg) 100%);
  color:var(--text-light);padding:3.5rem 2rem;position:relative;overflow:hidden;
}
.page-hero:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,107,53,.18), transparent 35%),
    radial-gradient(circle at 80% 30%, rgba(247,127,0,.14), transparent 40%);
}
.page-hero .inner{position:relative;max-width:1000px;margin:0 auto;text-align:center}
.page-hero h1{font-size:2.6rem;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.35)}
.page-hero p{font-size:1.15rem;opacity:.95;max-width:850px;margin:0 auto}
.page-hero .cta-buttons{margin-top:1.75rem}

/* Buttons */
.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.btn-primary{
  background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);
  color:var(--text-light);padding:1rem 2.2rem;border:0;border-radius:10px;
  font-size:1.05rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;
  transition:all .25s ease;box-shadow:0 4px 15px rgba(255,107,53,.3);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,.5)}
.btn-secondary{
  background:transparent;color:var(--text-light);padding:1rem 2.2rem;
  border:2px solid var(--text-light);border-radius:10px;
  font-size:1.05rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;
  transition:all .25s ease;
}
.btn-secondary:hover{background:var(--text-light);color:var(--secondary-color);transform:translateY(-3px)}

/* Cards */
.slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}
.slot-card{
  background:var(--text-light);border-radius:12px;overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .25s ease;
}
.slot-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.18)}
.slot-image{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));overflow:hidden}
.slot-image img{width:100%;height:100%;object-fit:cover;display:block}
.slot-content{padding:1.25rem}
.slot-name{font-size:1.2rem;font-weight:900;color:var(--secondary-color);margin-bottom:.35rem}
.slot-provider{font-size:.9rem;color:#666;margin-bottom:.6rem}
.slot-description{font-size:.95rem;color:#555;margin-bottom:.9rem}
.slot-features{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}
.feature-badge{
  background:linear-gradient(135deg,var(--primary-color),var(--accent-color));
  color:var(--text-light);padding:.3rem .75rem;border-radius:999px;font-size:.8rem;font-weight:800;
}
.slot-play-btn{
  width:100%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));
  color:var(--text-light);padding:.85rem;border:0;border-radius:8px;cursor:pointer;font-weight:900;
  transition:all .25s ease;
}
.slot-play-btn:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(255,107,53,.3)}

.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}
.benefit-card{
  text-align:center;padding:2rem;background:var(--text-light);border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);transition:all .25s ease;
}
.benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 22px rgba(0,0,0,.14)}
.benefit-title{font-size:1.2rem;font-weight:900;color:var(--secondary-color);margin-bottom:.6rem}
.benefit-description{color:#555}

.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}
.bonus-card{
  background:rgba(255,255,255,.10);border:2px solid var(--primary-color);
  padding:2rem;border-radius:14px;text-align:center;backdrop-filter:blur(10px);
  transition:all .25s ease;
}
.bonus-card:hover{background:rgba(255,255,255,.16);transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,107,53,.2)}
.bonus-amount{font-size:2rem;font-weight:900;color:var(--primary-color);margin-bottom:.4rem}
.bonus-description{opacity:.95;margin-bottom:.75rem}
.bonus-terms{font-size:.9rem;opacity:.85;font-style:italic}

.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}
.review-card{
  background:var(--text-light);padding:2rem;border-radius:12px;border-left:4px solid var(--primary-color);
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.review-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}
.review-author{font-weight:900;color:var(--secondary-color);font-size:1.05rem}
.review-rating{color:var(--warning-color);letter-spacing:2px;font-size:1.1rem}
.review-text{color:#555;line-height:1.65;font-style:italic}
.review-date{margin-top:1rem;font-size:.85rem;color:#999}

/* FAQ */
.faq-wrap{max-width:900px;margin:0 auto}
details.faq-item{background:var(--text-light);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:1rem;overflow:hidden}
details.faq-item summary{cursor:pointer;padding:1.1rem 1.25rem;font-weight:900;color:var(--secondary-color);list-style:none}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item .faq-body{padding:0 1.25rem 1.25rem;color:#555;line-height:1.7}

/* Text blocks */
.content-card{background:var(--text-light);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:2rem}
.content-card h2{color:var(--secondary-color);margin:1.25rem 0 .75rem}
.content-card p{color:#555;margin-bottom:1rem}
.content-card ul{margin:.75rem 0 1rem 1.25rem;color:#555}
.content-card li{margin-bottom:.45rem}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.form-grid .full{grid-column:1/-1}
input,textarea{
  width:100%;padding:.95rem 1rem;border:1px solid var(--border-color);border-radius:10px;outline:none;font-size:1rem
}
textarea{min-height:140px;resize:vertical}

/* Footer */
footer{background:var(--dark-bg);color:var(--text-light);padding:3rem 2rem;text-align:center;margin-top:4rem}
.footer-content{max-width:1200px;margin:0 auto}
.footer-links{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin:1.75rem 0}
.footer-links a{color:var(--primary-color);text-decoration:none;transition:color .25s ease}
.footer-links a:hover{color:var(--accent-color)}
.footer-legal{font-size:.9rem;color:#aaa;margin-top:1.75rem}

/* Responsive */
@media (max-width:768px){
  :root{--header-height:118px}
  .sticky-header{padding:.85rem 1rem;flex-wrap:wrap}
  .sticky-header-nav{width:100%;justify-content:center;gap:.9rem}
  .page-hero h1{font-size:2rem}
  .page-hero p{font-size:1.05rem}
  .section-title{font-size:1.9rem}
  .form-grid{grid-template-columns:1fr}
}