body {
    margin: 0;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
}

header {
    background-color: #2e008b;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

header h1 {
    margin: 0;
    font-size: 1.6rem;
}

main {
    margin-top: 40px;
}

.card {
    width: 250px;
    margin: 20px auto;
    padding: 30px 0;
    background: #111;
    border-radius: 10px;
    transition: .3s;
}

.card a {
    text-decoration: none;
    color: cyan;
    font-size: 1.3rem;
    font-weight: bold;
}

.card:hover {
    background: #222;
    box-shadow: 0 0 10px cyan;
    transform: scale(1.05);
}