*{box-sizing:border-box}
body{
 margin:0;
 font-family:Manrope,Arial,sans-serif;
 background:#f7f7fb;
 color:#11152b;
}
.header{
 height:96px;
 background:#080d1d;
 display:flex;
 align-items:center;
}
.container{
 width:min(1200px,92%);
 margin:auto;
}
.logo img{max-height:55px}
h1{
 text-align:center;
 font-size:42px;
 margin:45px 0 35px;
 background:linear-gradient(90deg,#10162d,#7d36ff);
 -webkit-background-clip:text;
 color:transparent;
}
.table-casino{display:flex;flex-direction:column;gap:22px;padding-bottom:50px}
.casino-card{
 background:white;
 border-radius:20px;
 min-height:220px;
 display:grid;
 grid-template-columns:90px 180px 250px 1fr 210px;
 align-items:center;
 box-shadow:0 8px 30px rgba(20,20,60,.08);
 overflow:hidden;
}
.rank{
 height:100%;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:32px;
 font-weight:800;
 color:white;
 background:linear-gradient(180deg,#7738e8,#a93cff);
}
.casino-logo{
 display:flex;
 justify-content:center;
}
.casino-logo img{
 width:120px;
 height:120px;
 object-fit:contain;
 border-radius:15px;
}
.info h2{margin:0 0 12px;font-size:24px}
.rating{
 display:inline-block;
 background:#6031d7;
 color:white;
 border-radius:12px;
 padding:6px 14px;
 font-weight:700;
}
.bonus{
 font-size:20px;
 font-weight:800;
 margin-top:14px;
}
.features{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:15px;
}
.feature{
 border-left:1px solid #eee;
 padding:15px;
 text-align:center;
}
.feature span{
 display:block;
 color:#777;
 margin-bottom:10px;
}
.visit{
 display:inline-block;
 background:#6132dd;
 color:white;
 padding:17px 32px;
 border-radius:30px;
 text-decoration:none;
 font-weight:700;
}
.review{
 display:block;
 margin-top:14px;
 color:#5b2bd6;
 font-weight:700;
}
@media(max-width:900px){
 .casino-card{
  grid-template-columns:70px 1fr;
  padding-bottom:20px;
 }
 .features,.info,.action{
  grid-column:2;
 }
 .features{grid-template-columns:1fr}
 .rank{grid-row:1/5}
 h1{font-size:32px}
}