.plans{
    display:flex;
    justify-content:center;
    text-align:center;
    font-family:'Anton', sans-serif;
    gap:40px;
    padding:23px;
    flex-wrap:wrap;
}
.plan-card{
    border:4px solid darkblue;
    background:white;
    width:90%;
    max-width:400px;
    padding:50px 30px;
    margin-top:100px;
    border-radius:50px;
    cursor:pointer;
    transition:background-color 1s ease, transform 1s ease-out;
}
.plan-name{
    color:blue;
    font-weight:bolder;
    font-size:70px;
    text-shadow:2px 2px 4px rgba(0,0,0,0.25);
}
.plan-card button{
    border-radius:8px;
    background-color:#004AAD;
    color:white;
    border:none;
    padding:10px 20px;
    font-size:16px;
    margin-top:10px;
    cursor:pointer;
}
.plan-card:hover{
    background-color:lightgrey;
    transform:scale(1.1);
}
.plan-card button:hover{
    background-color:#0066e6;
    box-shadow:0 6px 15px rgba(0,74,173,0.3);
}

@media (max-width: 768px) {
    .plans { gap: 20px; padding: 16px; }
    .plan-card { width: 100%; margin-top: 35px; padding: 32px 20px; border-radius: 28px; }
    .plan-card:hover { transform: none; }
    .plan-name { font-size: clamp(38px, 12vw, 56px); }
}