/* HEADER KONTAK */
.contact-hero {
    background: linear-gradient(rgba(15, 20, 30, 0.9), rgba(15, 20, 30, 0.9)), 
                url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1500&q=80') center/cover;
    padding: 150px 0 100px;
}

/* OFFSET CARD */
.mt-n5 {
    margin-top: -80px !important;
    position: relative;
    z-index: 5;
}

/* SHADOW LUXURY */
.shadow-luxury {
    box-shadow: 0 40px 100px rgba(0,0,0,0.15) !important;
}

/* ICON BOX GOLD */
.icon-box-gold {
    width: 45px;
    height: 45px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid #d4af37;
    color: #d4af37;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.2rem;
}

/* INPUT CUSTOM */
.custom-input {
    border: none;
    border-bottom: 2px solid #eee;
    border-radius: 0;
    padding: 12px 0;
    font-size: 0.95rem;
    transition: all 0.3s;
}

.custom-input:focus {
    box-shadow: none;
    border-color: #d4af37;
    background: transparent;
}

/* SOCIALS MINI */
.social-circle-mini {
    width: 35px;
    height: 35px;
    border: 1px solid rgba(255,255,255,0.1);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
}

.social-circle-mini:hover {
    background: #d4af37;
    border-color: #d4af37;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .mt-n5 { margin-top: 20px !important; }
}