/* ==========================================
   TCWORKERS - EVALUATE
========================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
background:#000;
color:#fff;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.hero{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:80px 0;
}

.hero-content{
max-width:850px;
margin:auto;
text-align:center;
}

.hero-tag{
display:inline-block;
padding:12px 28px;
border:1px solid rgba(200,165,90,.5);
border-radius:40px;
color:#c8a55a;
font-weight:600;
margin-bottom:30px;
background:rgba(200,165,90,.05);
}

.hero h1{
font-size:64px;
font-weight:800;
line-height:1.05;
color:#c8a55a;
margin-bottom:30px;
}

.hero p{
font-size:22px;
line-height:1.8;
color:#ddd;
max-width:760px;
margin:auto;
}

.hero-info{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
margin:55px 0;
}

.hero-info div{
width:180px;
padding:28px;
background:#111;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
transition:.3s;
}

.hero-info div:hover{
transform:translateY(-8px);
border-color:#c8a55a;
}

.hero-info strong{
display:block;
font-size:34px;
color:#c8a55a;
margin-bottom:10px;
}

.hero-info span{
font-size:18px;
color:#ddd;
}

.welcome-box{
background:#111;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
padding:35px;
max-width:760px;
margin:50px auto;
text-align:left;
}

.welcome-box h3{
color:#c8a55a;
margin-bottom:20px;
font-size:28px;
}

.welcome-box ul{
padding-left:22px;
}

.welcome-box li{
margin-bottom:14px;
line-height:1.8;
color:#ddd;
}

.btn{
display:inline-block;
margin-top:15px;
padding:18px 45px;
background:#c8a55a;
color:#000;
font-weight:700;
border-radius:50px;
text-decoration:none;
transition:.3s;
}

.btn:hover{
background:#fff;
transform:translateY(-4px);
}

@media(max-width:768px){

.hero h1{
font-size:42px;
}

.hero p{
font-size:18px;
}

.hero-info{
flex-direction:column;
align-items:center;
}

.hero-info div{
width:100%;
max-width:280px;
}

.welcome-box{
padding:25px;
}

}