.contact-page{

margin-top: 50px;

}


.contact-shell{max-width:1100px;margin:0 auto;padding:40px 20px;}


.contact-hero{
background: var(--c-gradient);
color: #fff;
border-radius: 24px;
padding: 60px 40px;
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
margin-bottom: 40px;
}
.contact-hero h1{font-size:42px;margin:0 0 10px;font-weight:700;}
.contact-hero p{font-size:18px;max-width:700px;line-height:1.6;}


.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;}}


.contact-card{
background:var(--c-white);
border-radius:20px;
box-shadow:0 10px 25px var(--c-shadow);
padding:24px 28px;
transition:transform .15s ease, box-shadow .15s ease;
}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,0.08)}
.contact-card h3{margin-top:0;color:var(--c-primary)}


.contact-info-list{display:flex;flex-direction:column;gap:16px;margin-top:10px;}
.contact-info-item{display:flex;gap:12px;align-items:center;}
.contact-info-item svg{flex-shrink:0;width:22px;height:22px;stroke:var(--c-primary);}


.contact-form label{font-size:14px;color:var(--c-muted);margin-bottom:6px;display:block;}
.contact-map iframe{width:100%;height:320px;border:none;border-radius:16px;}


.contact-shell{max-width:1100px;margin:0 auto;padding:40px 20px;}


.contact-hero{
background: var(--c-gradient);
color: #fff;
border-radius: 24px;
padding: 60px 40px;
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
margin-bottom: 40px;
}
.contact-hero h1{font-size:42px;margin:0 0 10px;font-weight:700;}
.contact-hero p{font-size:18px;max-width:700px;line-height:1.6;}


.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;}}


.contact-card{
background:var(--c-white);
border-radius:20px;
box-shadow:0 10px 25px var(--c-shadow);
padding:24px 28px;
transition:transform .15s ease, box-shadow .15s ease;
}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,0.08)}
.contact-card h3{margin-top:0;color:var(--c-primary)}


.contact-info-list{display:flex;flex-direction:column;gap:16px;margin-top:10px;}
.contact-info-item{display:flex;gap:12px;align-items:center;}
.contact-info-item svg{flex-shrink:0;width:22px;height:22px;stroke:var(--c-primary);}


.contact-form label{font-size:14px;color:var(--c-muted);margin-bottom:6px;display:block;}
.contact-map iframe{width:100%;height:320px;border:none;border-radius:16px;}