body { 
    font-family: sans-serif; 
    text-align: center; 
    background: #f9f9f9; 
    margin: 0; 
    padding: 2rem; 
}
h1 { 
    color: #333; 
    margin-bottom: 2rem;
}
.grid { 
    display: flex; 
    justify-content: center; 
    gap: 1.5rem; 
    flex-wrap: wrap; 
}
.card { 
    background: white; 
    padding: 2rem; 
    border-radius: 15px; 
    text-decoration: none; 
    color: #333; 
    font-size: 1.5rem; 
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
    transition: transform 0.2s; 
    border: 3px solid #4caf50; 
    width: 250px;
}
.card:hover { 
    transform: scale(1.05); 
}
.disabled { 
    border-color: #ccc; 
    color: #aaa; 
    pointer-events: none; 
}