/* --- ULTIMATE COMPACT PREMIUM CONTACT STYLES --- */

.contact-hero {
    padding-top: 130px; /* Reduced from 140px */
    padding-bottom: 20px; /* Minimal space before card */
    min-height: auto;
}

/* Glassy Form Card - Maximum Compression */
.contact-form-section {
    padding-bottom: 60px; /* Less bottom padding to lift card up */
}

.contact-glass-card {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px; /* Slightly sharper corners for compact look */
    padding: 30px 45px; /* Reduced vertical from 40px to 30px */
    max-width: 800px; /* Slightly narrower to feel more balanced */
    margin: 0 auto;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}

.form-title {
    font-family: 'Anton', sans-serif;
    font-size: 2rem; /* Reduced from 2.2rem */
    letter-spacing: 1.5px;
    margin-bottom: 20px !important; /* Tighter gap under title */
}

/* Compact Premium Inputs */
.mavex-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 10px 12px !important; /* Tightest vertical padding */
    font-size: 0.9rem !important;
}

.form-label {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.65rem; /* Tiny but readable labels */
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 1px;
    margin-bottom: 4px; /* Minimal gap */
}

/* Fix for the textarea to prevent it from being too long */
textarea.mavex-input {
    min-height: 80px; /* Fixed height for small screens */
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 768px) {
    .contact-hero { padding-top: 110px; }
    .contact-glass-card { 
        padding: 20px 15px; 
        margin: 0 10px; 
    }
    .form-title { font-size: 1.6rem; }
}

@media (max-height: 750px) {
    /* Critical fix for short laptop screens */
    .contact-hero { padding-top: 90px; }
    .contact-glass-card { padding: 15px 35px; }
    .form-title { font-size: 1.5rem; margin-bottom: 10px !important; }
    .hero-subtext { display: none; } /* Hide subtext on very short screens to save the form */
}


/* Update this in contact.css */
.contact-hero {
    padding-top: 110px; /* Reduced to lift the card higher */
    padding-bottom: 20px;
}

.main-headline {
    min-height: 1.2em; /* Prevents layout jump during typing */
}