body {
  margin: 0;
  background: radial-gradient(circle at top, #1b0f2e, #05010a);
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-icon{
  width:148px;
  height:148px;
  object-fit:contain;
  margin:0 auto 12px auto;
  opacity:0.9;
  display:block;
}



.top-bar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:36px;
  background:#0f172a;
  color:#e5e7eb;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  z-index:9999;
}

.top-bar:hover{
  background:#1e293b;
  color:white;
}



.hero img {
    width: 100%;
    max-width: 80px;   /* 👈 КОНТРОЛИРА РАЗМЕРА */
    height: auto;
    filter: drop-shadow(0 0 30px rgba(255,215,0,0.35));
}
.hero-logo{
    display:block;
    max-width:240px;
    width:100%;
    margin:0 auto 15px;
    filter: drop-shadow(0 0 25px rgba(255,215,0,0.35));
}
.card:hover{
    transform: translateY(-4px);
    transition: 0.2s ease;
}

.games-wrapper{
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
}

.games-wrapper .card{
    flex: 1;
    max-width: 420px;
}



}