/* =========================================================
CONTACT PAGE
========================================================= */

.contact-section{
min-height:100vh;
padding:160px 8% 120px;
display:flex;
justify-content:center;
}

.contact-wrapper{
width:100%;
max-width:1100px;
}

/* =========================================================
TITLE
========================================================= */

.contact-title{
font-size:clamp(5rem,10vw,7rem);
font-weight:800;
letter-spacing:.12em;
margin-bottom:50px;
color:#86b7ff;
}

/* =========================================================
CARD
========================================================= */

.contact-card{
background:rgba(255,255,255,.06);
backdrop-filter:blur(18px) saturate(160%);
-webkit-backdrop-filter:blur(18px) saturate(160%);
border-radius:32px;

padding:50px 60px;

border:1px solid rgba(255,255,255,.15);

box-shadow:
0 40px 120px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.25);
}

/* =========================================================
SUBTEXT
========================================================= */

.contact-subtext{
font-size:1.3rem;
color:rgba(255,255,255,.75);
margin-bottom:40px;
max-width:720px;
}

/* =========================================================
ACTIONS
========================================================= */

.contact-actions{
display:grid;
grid-template-columns:repeat(3,auto);
gap:22px;
align-items:center;
}

/* =========================================================
PILLS
========================================================= */

.contact-pill{
display:flex;
align-items:center;
gap:14px;

padding:16px 26px;

background:#e7e7e7;
border-radius:999px;

text-decoration:none;
color:#1a1a1a;

font-weight:600;
font-size:1rem;

transition:transform .2s ease, box-shadow .2s ease;
}

.contact-pill img{
width:22px;
height:22px;
object-fit:contain;
}
.contact-pill img[alt="LinkedIn"]{
width:35px;
height:35px;
}

.contact-pill img[alt="GitHub"]{
width:35px;
height:35px;
}

.contact-pill:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(0,0,0,.25);
}