footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--footer-height);
    background: linear-gradient(to top, 
        rgba(255, 255, 255, 1),
        rgba(255, 255, 255, 0.95)
    );
    color: var(--secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: var(--shadow-soft);
    z-index: 1000;
    transition: var(--transition);
}

footer p {
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    opacity: 0.9;
}

footer:hover {
    box-shadow: var(--shadow-hover);
}