body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.footer {
    margin-top: auto;
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    background-color: rgba(0, 0, 0, 0.03);
}

.btn-primary {
    background-color: #232F3E;
    border-color: #232F3E;
}

.btn-primary:hover {
    background-color: #1A232E;
    border-color: #1A232E;
}

.pro-plan-card {
    background-color: #6055a5; /* Use the purple from colors.txt */
    color: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 24px rgba(96,85,165,0.12);
}
.pro-plan-card .btn-azure {
    background-color: #40baea;
    color: #fff;
}

.navbar-dark {
    background-color: #232F3E !important;
}

.alert {
    border-radius: 0.25rem;
}

.btn-azure {
    background-color: #40baea;
    color: #fff;
    font-weight: bold;
    border-radius: 0.5rem;
    transition: background 0.3s;
    box-shadow: 0 4px 12px rgba(64,186,234,0.16);
}
.btn-azure:hover, .btn-azure:focus {
    background-color: #2c93bc;
    color: #fff;
}