.contact-page {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .contact-page::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: rgba(255,251,234,0.4);
        backdrop-filter: blur(3px);
        z-index: 0;
    }

.contact-card {
    position: relative;
    z-index: 1;
    background-color: rgba(255,253,243,0.9);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 2rem;
    max-width: 1140px;
    width: 100%;
}

    .contact-card h1 {
        text-align: center;
        color: #4E342E;
        margin-bottom: 1.5rem;
    }

    .contact-card p {
        color: #5D4037;
        line-height: 1.6;
    }

    .contact-card a {
        color: #A0522D;
        transition: color .2s;
    }

        .contact-card a:hover {
            color: #FF6F00;
        }

.map-container {
    border: 2px solid #E8CFA4;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 1rem;
}

@media (max-width:576px) {
    .contact-card {
        padding: 1rem;
    }
}