/* ======================================
    FOOTER
========================================*/
footer {
    background: var(--card-bg);
    color: var(--secondary);
    text-align: center;
    padding: 2rem 1rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    font-size: 0.9rem;
}

footer p {
    margin: 0;
}

footer a {
    color: var(--accent);
    text-decoration: none;
    transition: color 0.3s;
}

footer a:hover {
    color: var(--accent);
    text-decoration: underline;
}