@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");



:root{



--primary:#1E4D91;

--secondary:#2F80ED;

--accent:#4DA3FF;



--background:#F4F7FC;



--card:#FFFFFF;



--text:#333333;



--success:#27AE60;



--warning:#F2C94C;



--danger:#EB5757;



--shadow:0 12px 30px rgba(0,0,0,.08);



--radius:16px;



}



*{



margin:0;



padding:0;



box-sizing:border-box;



font-family:"Poppins",sans-serif;



}



body{



background:var(--background);



color:var(--text);



}



a{



text-decoration:none;



color:inherit;



}



button{



cursor:pointer;



border:none;



}



img{



max-width:100%;



display:block;



}



.container{



width:95%;



max-width:1400px;



margin:auto;



}



.card{



background:var(--card);



border-radius:var(--radius);



box-shadow:var(--shadow);



padding:25px;



}



.page-title{



font-size:34px;



font-weight:700;



color:var(--primary);



}



.subtitle{



margin-top:6px;



color:#777;



}



.hidden{



display:none;



}

update style.css