.btn-primary {
    background: linear-gradient(90deg, #202065, #421881, #10275b);
    border-color: #2e115a;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(90deg, #202065, #421881, #10275b);
    border-color: #2e115a;
}

.navbar {
    background: linear-gradient(90deg, #202065, #421881, #10275b);
}

.navbar-brand,
.navbar-nav .nav-link {
    color: #fff;
}

.navbar-brand {
    padding-left: 16px;
}

.navbar-nav .nav-link:hover {
    color: #E8EBFF;
}

.alert-light {
    background-color: #F4F6FF;
    border-color: #E8EBFF;
    color: #2c2f55;
}

.card {
    border-radius: 12px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.card-body {
    border-radius: 12px;
    background-color: #F8F8F8;
}

.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(75,95,215,.15);
}