/* ======================
Contact
====================== */

.contact-item{
font-size:1.2rem;
margin-bottom:30px;
}

.contact-item a{
color:white;
text-decoration:none;
}

.contact-item a:hover{
color:#5603ad;
}

.contact-divider{
width:80px;
height:3px;
margin:25px auto 40px auto;
background:linear-gradient(90deg,#5603ad,#a000ff);
border-radius:3px;
opacity:.8;
}

.contact-details{
display:flex;
flex-direction:column;
gap:30px;
}

.contact-card{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
padding:18px 24px;
border-radius:12px;
transition:all .3s ease;
}

.contact-card:hover{
transform:translateY(-4px);
background:rgba(255,255,255,0.03);
}

.contact-icon{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,0.08);
font-size:20px;
color:#fff;
transition:.3s;
}

.contact-card:hover .contact-icon{
background:#5603ad;
transform:scale(1.08);
}
.contact-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 40px rgba(0,0,0,0.2);
background:#5603ad;
}

.contact-text{
display:flex;
flex-direction:column;
align-items:flex-start;
}

.contact-label{
font-size:.75rem;
text-transform:uppercase;
letter-spacing:.1em;
opacity:.6;
margin-bottom:2px;
}

.contact-text a{
font-size:1.4rem;
color:#fff;
text-decoration:none;
font-weight:600;
}

.contact-text a:hover{
color:#a000ff;
}