body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    min-height: 100vh;
}

.hero {
    background-image: linear-gradient(135deg, #061634 0%, #0b3d91 45%, #0a2540 100%);
    width: min(1400px, calc(100% - 2rem));
    margin-left: auto;
    margin-right: auto;
}

.hero .card {
    border-radius: 18px;
}

.card {
    border-radius: 18px;
}

@media (max-width: 768px) {
    .hero {
        text-align: center;
    }
    .hero .col-md-7,
    .hero .col-md-5 {
        text-align: left;
    }
    header .navbar-nav {
        align-items: center;
    }
}