*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:Arial, sans-serif;

}



body{


min-height:100vh;

color:white;

background:

linear-gradient(
135deg,
#141e30,
#243b55
);


}





.bg{

position:fixed;

width:100%;

height:100%;

background:

radial-gradient(
circle,
rgba(0,255,255,0.2),
transparent
);

z-index:-1;


}





header{


text-align:center;

font-size:40px;

font-weight:bold;

padding:30px;


}





.subtitle{


text-align:center;

font-size:20px;

margin-bottom:30px;


}






.container{


width:90%;

margin:auto;

display:grid;

grid-template-columns:

repeat(auto-fit,minmax(280px,1fr));


gap:25px;


}





.card{


background:

rgba(255,255,255,0.12);


padding:25px;

border-radius:20px;


backdrop-filter:blur(10px);


box-shadow:

0 0 20px rgba(0,0,0,0.3);


transition:.3s;


}





.card:hover{


transform:translateY(-10px);


}





.card h2{


margin-bottom:15px;

color:#00ffff;


}



.card p{


margin:15px 0;

line-height:1.6;


}




.card a{


display:inline-block;

padding:12px 20px;


background:#00d4ff;

color:white;

text-decoration:none;


border-radius:10px;


font-weight:bold;


}





.card a:hover{


background:#008cff;


}






.certificate-card{


border:

3px solid gold;


}



.certificate-card h2{


color:gold;


}





footer{


text-align:center;

padding:30px;

margin-top:40px;


font-size:18px;


}