\
/* IDNSport Slot898-like main stylesheet (placeholders) */
:root{--blue-900:#04102a;--blue-700:#06214a;--gold:#ffbf00;--accent:#ffd24d}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#02061a,#000814);color:#eaf4ff}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.topbar{background:linear-gradient(90deg,#021031,#082046);padding:6px 0;color:#cfe7ff;font-size:13px}
.top-inner{display:flex;justify-content:space-between;align-items:center}
.top-left .top-link{margin-right:12px;color:#dbeeff;text-decoration:none}
.top-right .btn{margin-left:8px}

.site-header{background:linear-gradient(180deg,var(--blue-700),var(--blue-900));padding:12px 0;border-bottom:4px solid rgba(0,0,0,0.5)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.logo img{height:68px}
.primary-menu{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.primary-menu li a{display:block;padding:10px 14px;border-radius:6px;background:rgba(255,255,255,0.02);color:#fff;font-weight:700;text-decoration:none}

.btn{display:inline-block;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:800;letter-spacing:0.4px}
.btn-register{background:linear-gradient(180deg,#25b84a,#197a32);color:#fff}
.btn-login{background:linear-gradient(180deg,#ffd24d,#e0a402);color:#111}
.btn-outline{display:inline-block;padding:8px 12px;border-radius:6px;border:2px solid rgba(255,255,255,0.06);color:#fff;text-decoration:none;font-weight:700;background:transparent}

.full-hero{padding:18px 0}
.hero-inner{display:flex;gap:20px;align-items:center}
.hero-left{flex:1;color:#fff}
.hero-title{font-size:28px;margin:0 0 8px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.hero-sub{margin:0 0 14px;color:#d7e8ff}
.hero-right img{width:520px;height:auto;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,0.6)}

.providers-inner{display:flex;gap:12px;align-items:center;overflow:hidden;padding:12px 0}
.provider-item img{height:48px;opacity:0.95;filter:grayscale(0.0) contrast(1.02)}

.game-grid{padding:26px 0}
.section-title{color:var(--gold);margin:0 0 12px;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.game-card{background:linear-gradient(180deg,#081a36,#021028);padding:12px;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,0.03)}
.game-card img{width:100%;height:140px;object-fit:cover;border-radius:6px}
.game-card h3{color:#ffd24d;margin:10px 0;font-size:16px}

.promo-box{background:linear-gradient(180deg,#091a3a,#031026);padding:20px;border-radius:8px;color:#dff1ff;text-align:center}

.site-footer{background:#060609;padding:26px 0;margin-top:28px;border-top:1px solid rgba(255,255,255,0.02)}
.footer-licenses{display:flex;gap:12px;align-items:center;padding-bottom:12px}
.footer-bottom{color:#9fb4e6;text-align:center;padding-top:8px}

/* responsive */
@media(max-width:1000px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .hero-right img{width:360px}
}
@media(max-width:600px){
  .primary-menu{display:none}
  .hero-inner{flex-direction:column-reverse}
  .hero-right img{width:100%}
  .grid{grid-template-columns:1fr}
  .logo img{height:54px}
}