.engage-section{
    padding:90px 0 120px;
    background:#f8fafc;
}

.engage-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.engage-card{
    padding:45px;
    border-radius:30px;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(15,23,42,.15);
}

.compare-card{
    background:linear-gradient(135deg,#2563eb,#3b82f6);
}

.game-card{
    background:linear-gradient(135deg,#7c3aed,#9333ea);
}

.engage-card span{
    opacity:.85;
    font-weight:800;
    letter-spacing:1px;
}

.engage-card h2{
    margin:18px 0;
    font-size:38px;
    line-height:1.2;
}

.engage-card p{
    font-size:17px;
    line-height:1.8;
    opacity:.92;
    margin-bottom:30px;
}

.engage-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:54px;
    padding:0 24px;
    background:#fff;
    color:#0f172a;
    border-radius:16px;
    text-decoration:none;
    font-weight:800;
}

.engage-card:hover{
    transform:translateY(-4px);
    transition:.3s;
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .engage-card:hover{
        transform:none;
    }
}