.dma-contact-page * { box-sizing:border-box; margin:0; padding:0; }
.dma-contact-page { font-family:’Inter’,-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif; color:#fff; }
.dma-contact-page a { text-decoration:none; color:inherit; }
.contact-hero {
min-height:50vh; background:linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0d0d2b 100%);
display:flex; align-items:center; justify-content:center; text-align:center;
padding:120px 20px 80px; position:relative; overflow:hidden;
}
.contact-hero::before { content:”; position:absolute; top:-30%; left:-10%; width:600px; height:600px; background:radial-gradient(circle, rgba(6,182,212,0.1) 0%, transparent 70%); border-radius:50%; }
.contact-hero .container { max-width:800px; margin:0 auto; position:relative; z-index:2; }
.contact-badge { display:inline-block; padding:8px 20px; border-radius:50px; font-size:14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:20px; background:rgba(6,182,212,0.15); color:#67e8f9; border:1px solid rgba(6,182,212,0.3); }
.contact-hero h1 { font-size:clamp(36px,5vw,56px); font-weight:800; line-height:1.15; margin-bottom:20px; }
.contact-hero h1 span { background:linear-gradient(135deg, #06B6D4, #3B82F6, #6C63FF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.contact-hero p { font-size:19px; color:rgba(255,255,255,0.7); line-height:1.7; }
.contact-main { background:linear-gradient(180deg, #0d0d2b, #111133); padding:100px 20px; }
.contact-container { max-width:1200px; margin:0 auto; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
/* Contact Form */
.contact-form-wrapper {
background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:24px; padding:50px;
}
.contact-form-wrapper h2 { font-size:28px; font-weight:800; margin-bottom:8px; }
.contact-form-wrapper h2 span { background:linear-gradient(135deg, #6C63FF, #3B82F6); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.contact-form-wrapper > p { font-size:15px; color:rgba(255,255,255,0.5); margin-bottom:30px; }
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-size:14px; font-weight:600; color:rgba(255,255,255,0.8); margin-bottom:8px; }
.form-group input, .form-group textarea, .form-group select {
width:100%; padding:14px 18px; border-radius:12px; border:1px solid rgba(255,255,255,0.1);
background:rgba(255,255,255,0.05); color:#fff; font-size:15px; font-family:inherit;
transition:all 0.3s ease; outline:none;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
border-color:rgba(108,99,255,0.5); background:rgba(255,255,255,0.08); box-shadow:0 0 0 3px rgba(108,99,255,0.1);
}
.form-group textarea { min-height:120px; resize:vertical; }
.form-group select option { background:#1a1a3e; color:#fff; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.submit-btn {
display:inline-block; padding:16px 40px; border-radius:50px; font-size:16px; font-weight:700;
background:linear-gradient(135deg, #6C63FF, #3B82F6); color:#fff; border:none; cursor:pointer;
box-shadow:0 8px 30px rgba(108,99,255,0.4); transition:all 0.3s ease; width:100%;
}
.submit-btn:hover { transform:translateY(-2px); box-shadow:0 12px 40px rgba(108,99,255,0.6); }
/* Contact Info */
.contact-info-wrapper h2 { font-size:28px; font-weight:800; margin-bottom:8px; }
.contact-info-wrapper h2 span { background:linear-gradient(135deg, #06B6D4, #3B82F6); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.contact-info-wrapper > p { font-size:15px; color:rgba(255,255,255,0.5); margin-bottom:30px; }
.contact-info-cards { display:flex; flex-direction:column; gap:20px; margin-bottom:30px; }
.info-card {
background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px;
padding:24px; display:flex; align-items:center; gap:16px; transition:all 0.3s ease;
}
.info-card:hover { background:rgba(255,255,255,0.06); border-color:rgba(6,182,212,0.3); }
.info-icon {
width:50px; height:50px; border-radius:12px; display:flex; align-items:center; justify-content:center;
font-size:24px; flex-shrink:0;
}
.info-card:nth-child(1) .info-icon { background:linear-gradient(135deg, rgba(108,99,255,0.15), rgba(59,130,246,0.15)); }
.info-card:nth-child(2) .info-icon { background:linear-gradient(135deg, rgba(6,182,212,0.15), rgba(59,130,246,0.15)); }
.info-card:nth-child(3) .info-icon { background:linear-gradient(135deg, rgba(16,185,129,0.15), rgba(6,182,212,0.15)); }
.info-card:nth-child(4) .info-icon { background:linear-gradient(135deg, rgba(236,72,153,0.15), rgba(108,99,255,0.15)); }
.info-details h3 { font-size:16px; font-weight:700; margin-bottom:4px; }
.info-details p { font-size:14px; color:rgba(255,255,255,0.5); }
/* WhatsApp CTA */
.wa-cta {
background:linear-gradient(135deg, rgba(37,211,102,0.1), rgba(37,211,102,0.05));
border:1px solid rgba(37,211,102,0.2); border-radius:16px; padding:28px;
display:flex; align-items:center; gap:16px; margin-bottom:30px; transition:all 0.3s ease;
}
.wa-cta:hover { background:rgba(37,211,102,0.15); border-color:rgba(37,211,102,0.4); }
.wa-icon { width:50px; height:50px; background:#25D366; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:28px; flex-shrink:0; }
.wa-text h3 { font-size:16px; font-weight:700; margin-bottom:4px; }
.wa-text p { font-size:14px; color:rgba(255,255,255,0.5); }
.wa-link {
display:inline-block; margin-top:10px; padding:10px 24px; border-radius:50px; font-size:14px; font-weight:700;
background:#25D366; color:#fff; transition:all 0.3s ease;
}
.wa-link:hover { background:#1da851; transform:translateY(-1px); }
/* Social Links */
.social-links { display:flex; gap:12px; }
.social-link {
width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);
display:flex; align-items:center; justify-content:center; font-size:20px;
transition:all 0.3s ease;
}
.social-link:hover { background:rgba(108,99,255,0.15); border-color:rgba(108,99,255,0.3); transform:translateY(-2px); }
/* Map Section */
.contact-map { background:linear-gradient(180deg, #111133, #0a0a1a); padding:0 20px 100px; }
.map-wrapper {
max-width:1200px; margin:0 auto; border-radius:24px; overflow:hidden;
background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); height:350px;
display:flex; align-items:center; justify-content:center; font-size:48px;
}
@media (max-width:768px) {
.contact-grid { grid-template-columns:1fr; }
.form-row { grid-template-columns:1fr; }
}
