.hero {
    background: linear-gradient(135deg, #007BFF, #FF6600);
    min-height: 100vh;
    padding-top: 70px;
}

.hero h1 {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}

.card {
    border: none;
    transition: transform 0.3s ease-in-out;
}
.card:hover {
    transform: translateY(-8px);
}

.navbar-brand {
    font-size: 1.5rem;
    letter-spacing: 1px;
}