.footer {
    background: var(--primary-darker);
    color: white;
    padding: var(--spacing-lg) 0;
    text-align: center;
    margin-top: var(--spacing-xl);
    position: relative;
}

.footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, var(--primary) 0%, var(--accent) 100%);
}

.footer p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 768px) {
    .footer {
        padding: var(--spacing-md) 0;
    }
}