body {
    background-color: #f8f9fa;
}

h1, p {
    color: #343a40;
}

/* ✅ FIXED FOOTER (recommended version - no overlap issues) */
footer {
    width: 100%;
}

/* 🌟 MODERN FOOTER DESIGN */
.footer-modern {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 40px 0;
    backdrop-filter: blur(10px);
}

.footer-modern a {
    color: #ccc;
    text-decoration: none;
}

.footer-modern a:hover {
    color: #ff7b00;
}

.footer-title {
    font-weight: 600;
    margin-bottom: 15px;
}