/* =====================
RESULT SECTION
===================== */


.result-section{

background:

radial-gradient(
circle at right,
rgba(212,175,55,.12),
transparent 35%
),

#050505;


padding:

110px 25px;

}







.result-container{


max-width:1200px;


margin:auto;



display:grid;


grid-template-columns:

.9fr 1.1fr;



gap:70px;



align-items:center;

}








/* LEFT */


.result-content h2{


font-size:

clamp(34px,4vw,56px);



line-height:1.1;



letter-spacing:-1.5px;



font-weight:900;



color:white;



margin-bottom:25px;


}








.result-content p{


font-size:17px;



line-height:1.8;



color:#bdbdbd;



margin-bottom:35px;


}






.result-content strong{


color:#fff;

}









/* BUTTON */


.result-btn{


display:inline-flex;



padding:

16px 28px;



border-radius:50px;



background:

linear-gradient(

135deg,

#d4af37,

#fff1a8

);



color:#050505;




font-size:15px;


font-weight:900;




text-decoration:none;



box-shadow:

0 15px 35px rgba(212,175,55,.25);



transition:.3s;

}






.result-btn:hover{


transform:

translateY(-3px);

}









/* DASHBOARD */


.result-dashboard{


display:flex;


flex-direction:column;



gap:25px;

}










.result-main-card{


padding:

45px;



border-radius:32px;




background:

linear-gradient(

145deg,

rgba(255,255,255,.10),

rgba(255,255,255,.03)

);



border:

1px solid rgba(212,175,55,.30);




box-shadow:

0 30px 80px rgba(0,0,0,.45);


}









.result-main-card span{


font-size:15px;



font-weight:800;



color:#d4af37;

}








.result-main-card strong{


display:block;



font-size:

clamp(60px,7vw,100px);



line-height:1;



margin:

20px 0;



font-weight:900;




color:#ffffff;

}









.result-main-card p{


font-size:16px;



line-height:1.7;



color:#aaa;

}










/* SMALL CARDS */


.result-grid{


display:grid;



grid-template-columns:

repeat(2,1fr);



gap:25px;

}








.result-card{


padding:

30px;



border-radius:26px;




background:

rgba(255,255,255,.05);




border:

1px solid rgba(212,175,55,.20);

}








.result-card strong{


display:block;




font-size:34px;



font-weight:900;




color:#d4af37;




margin-bottom:10px;

}







.result-card span{


font-size:14px;



font-weight:700;



color:#ddd;

}









/* RESPONSIVE */


@media(max-width:900px){



.result-container{


grid-template-columns:1fr;


gap:50px;


}



}








@media(max-width:520px){



.result-section{


padding:

80px 20px;

}




.result-main-card{


padding:

32px;

}





.result-grid{


grid-template-columns:1fr;


}



}