/*==================================================
CONTACT TERMINAL
==================================================*/


.contact-section{

    padding:150px 8%;

    background:#050505;

}



.contact-terminal{

    max-width:1100px;

    margin:auto;

    padding:60px;

    background:#101010;

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

    border-radius:30px;

    position:relative;

    overflow:hidden;

}




.contact-terminal::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:2px;

    background:#FFD400;

    animation:terminalScan 5s linear infinite;

}



@keyframes terminalScan{


0%{

left:-100%;

}


100%{

left:100%;

}


}





.contact-header{

    text-align:center;

}



.contact-header h2{

    font-size:3rem;

    margin:25px 0;

}



.contact-header p{

    color:#bbb;

    max-width:700px;

    margin:auto;

    line-height:1.8;

}





/* STATUS */


.connection-status{

    margin:50px auto;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    color:#FFD400;

    letter-spacing:2px;

}



.status-light{

    width:12px;

    height:12px;

    background:#FFD400;

    border-radius:50%;

    box-shadow:

    0 0 20px #FFD400;

    animation:pulseStatus 1.5s infinite;

}



@keyframes pulseStatus{


50%{

transform:scale(1.6);

opacity:.5;

}


}






/* SERVICE MODULES */


.contact-grid{


display:grid;


grid-template-columns:repeat(3,1fr);


gap:25px;


}



.contact-module{


background:#080808;


border:1px solid rgba(255,212,0,.12);


padding:30px;


border-radius:20px;


transition:.4s;


}



.contact-module:hover{


transform:translateY(-10px);


border-color:#FFD400;


box-shadow:

0 20px 40px rgba(255,212,0,.12);


}




.contact-module h3{


color:#FFD400;


font-size:2rem;


}




.contact-module h4{


margin:15px 0;


}



.contact-module p{


color:#bbb;


line-height:1.7;


}





/* BUTTON */


.contact-action{


text-align:center;

margin-top:60px;

}



.contact-action a{


display:inline-block;


padding:18px 50px;


border:1px solid #FFD400;


border-radius:50px;


color:#FFD400;


text-decoration:none;


letter-spacing:3px;


transition:.4s;


}



.contact-action a:hover{


background:#FFD400;


color:#000;


box-shadow:

0 0 40px rgba(255,212,0,.5);


}





/* LINKS */


.contact-links{


margin-top:60px;


display:grid;


grid-template-columns:repeat(3,1fr);


gap:20px;


}




.contact-link{


background:#080808;


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


padding:25px;


border-radius:15px;


text-align:center;


}




.contact-link span{


display:block;


font-size:.75rem;


letter-spacing:3px;


color:#FFD400;


margin-bottom:15px;


}




.contact-link a{


color:#ddd;


text-decoration:none;


font-size:.9rem;


}



.contact-link a:hover{


color:#FFD400;


}




@media(max-width:800px){


.contact-terminal{

padding:30px;

}


.contact-grid,

.contact-links{


grid-template-columns:1fr;


}


.contact-header h2{


font-size:2rem;


}


}