/* CONTACT PAGE */


.contact-page{

background:#2d0432;
padding:90px 0;

color:white;

}



/* HERO */


.support-hero{

text-align:center;
max-width:800px;
margin:auto;

}


.support-hero h5{

color:#ffc400;
letter-spacing:3px;
font-size:16px;

}


.support-hero h1{

font-size:45px;
margin:20px 0;

}


.support-hero p{

font-size:18px;
line-height:1.8;
color:#ddd;

}




/* SUPPORT CARDS */


.support-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:70px;

}



.support-card{

background:#3b1245;
padding:35px;
border-radius:15px;
text-align:center;
transition:.3s;

}


.support-card:hover{

transform:translateY(-10px);

}



.support-icon{

font-size:40px;
margin-bottom:20px;

}



.support-card h3{

color:#ffc400;

}



.support-card p{

color:#ddd;
line-height:1.7;

}





/* TICKET */


.ticket-section{

margin-top:80px;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
background:#250027;
padding:50px;
border-radius:20px;

}



.ticket-content h2{

font-size:35px;
color:#ffc400;

}


.ticket-content p{

line-height:1.8;

}


.ticket-content li{

margin:15px 0;

}




/* FORM */


.ticket-form input,
.ticket-form select,
.ticket-form textarea{


width:100%;
padding:15px;
margin-bottom:18px;

background:#3b1245;

border:none;

border-radius:8px;

color:white;

}



.ticket-form textarea{

height:130px;
resize:none;

}



.ticket-form button{

background:#ffc400;

border:none;

padding:15px 35px;

font-weight:700;

border-radius:6px;

cursor:pointer;

}





/* BOTTOM */


.support-bottom{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:60px;

}


.support-bottom div{

background:#3b1245;
padding:25px;
border-radius:12px;
text-align:center;

}


.support-bottom h3{

color:#ffc400;

}





/* MOBILE */


@media(max-width:768px){


.support-grid,
.ticket-section,
.support-bottom{

grid-template-columns:1fr;

}



.support-hero h1{

font-size:32px;

}


.ticket-section{

padding:30px;

}


}