/* =========================================
   CONTACT PAGE SPECIFIC STYLES
   ========================================= */

/* Hero override for Contact Page */
.hero-contact {
    padding: 6rem 0 4rem !important;
    text-align: center;
}

.hero-contact h1 {
    font-size: 4rem !important;
    margin-bottom: 1rem !important;
}

.hero-contact::before {
    top: -150px !important;
    right: -100px !important;
}

.hero-contact::after {
    bottom: -150px !important;
    left: -150px !important;
}

/* Form Override for Contact Page */
.form-control {
    background-color: #F8FAFC;
}

.form-control:focus {
    background-color: #FFFFFF;
}

/* Bento Box overrides */
.bento-box {
    transition: var(--transition-smooth);
    padding: 2.5rem;
}

.bento-light:hover {
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-cyan-light);
    transform: translateY(-5px);
}

/* Smaller icons for Contact layout */
.bento-box .icon-wrapper {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    font-size: 1.5rem;
    margin: 0; 
}

/* Responsive */
@media (max-width: 991px) {
    .hero-contact h1 { font-size: 3.2rem !important; }
}
@media (max-width: 768px) {
    .hero-contact h1 { font-size: 2.5rem !important; }
}