.contact-page {
    position: relative;
    min-height: 100vh;
    color: #1f2937;
    font-family: 'Lato', sans-serif;
}

.contact-page h1,
.contact-page h2,
.contact-page h3,
.contact-page h4,
.contact-page .serif-font {
    font-family: 'Merriweather', serif;
}

.contact-bg-fixed,
.contact-bg-overlay {
    position: fixed;
    inset: 0;
    z-index: -1;
}

.contact-bg-fixed {
    background-image: url('/background .jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-bg-overlay {
    background-color: rgba(255, 253, 245, 0.7);
}

.contact-glass-panel {
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(100, 116, 139, 0.2);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    backdrop-filter: blur(10px);
    transition: box-shadow 0.2s ease;
}

.contact-glass-panel:hover {
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

.contact-glass-input {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(100, 116, 139, 0.22);
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact-glass-input:focus {
    background: rgba(255, 255, 255, 0.95);
    border-color: #64748b;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12);
    outline: none;
}