.contact-page{

background:#0b0907;

color:#ece7df;

}

.contact-hero{

max-width:900px;

margin:auto;

padding:120px 40px 60px;

text-align:center;

}

.contact-hero h2{

font-size:clamp(52px,8vw,96px);

margin:20px 0;

}

.contact-hero p{

line-height:1.9;

color:#c9c2b6;

}

.contact-card{

max-width:700px;

margin:60px auto 120px;

padding:50px;

background:#15110d;

border:1px solid #3a2a20;

text-align:center;

}

.contact-card h3{

font-size:42px;

margin-bottom:10px;

}

.contact-actions{

margin-top:40px;

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.contact-button{

padding:14px 22px;

border:1px solid #7ecae8;

text-decoration:none;

color:#7ecae8;

letter-spacing:1px;

text-transform:uppercase;

}