/* MASQEZ Contact Page Theme */ .contact-wrapper { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #000000; color: #F5F1E6; padding: 60px 20px; max-width: 1000px; margin: 40px auto; text-align: center; border-radius: 20px; border: 1px solid #222; } .contact-header h1 { font-size: 3em; color: #D4AF37; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 15px; font-weight: 800; } .contact-header p { color: #BBB; font-size: 1.1em; margin-bottom: 50px; letter-spacing: 0.5px; } .contact-grid { display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; } .contact-card { background: #111; border: 1px solid #333; padding: 45px 30px; width: 280px; border-radius: 15px; transition: all 0.4s ease; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; } .contact-card:hover { border-color: #D4AF37; transform: translateY(-12px); box-shadow: 0 15px 35px rgba(212, 175, 55, 0.15); } .contact-card span.icon { font-size: 50px; display: block; margin-bottom: 20px; } .contact-card h3 { color: #FFF; margin-bottom: 12px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px; } .contact-card p { color: #D4AF37; font-weight: 600; font-size: 1.05em; word-break: break-all; } .location-info { margin-top: 70px; padding-top: 40px; border-top: 1px solid #222; } .location-info h4 { color: #FFF; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; } .location-info p { font-size: 1em; color: #888; }