/* ===== Global Layout (Sticky Footer) ===== */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    background-color: #f8f9fa;
}

main {
    flex: 1;
}

/* ===== Buttons ===== */
.btn-primary {
    background: linear-gradient(135deg, #0d6efd, #4f9cff);
    border: none;
}

.btn-primary:hover {
    opacity: 0.9;
}

/* ===== Cards ===== */
.card {
    border: none;
    border-radius: 14px;
}

/* ===== Footer ===== */
footer {
    background: #fff;
}