body {

margin:0;

background:
linear-gradient(
180deg,
#020617,
#050816
);

color:white;

font-family:Arial;

}


header {

text-align:center;

padding:40px;

}


header h1 {

color:#00aaff;

font-size:45px;

text-shadow:
0 0 20px #008cff;

}


header p {

color:#9ecbff;

}


.container {

padding:20px;

}



#content {

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(200px,1fr));

gap:20px;

}



.card {

background:#0f172a;

border:

1px solid #008cff;

border-radius:18px;

padding:25px;

text-align:center;

box-shadow:

0 0 15px
rgba(0,140,255,.3);

}



.card:hover {

transform:translateY(-5px);

}



.card h3 {

color:#00b7ff;

}



button {

background:

linear-gradient(
90deg,
#006eff,
#00c6ff
);


border:none;

color:white;

padding:12px 25px;

border-radius:10px;

cursor:pointer;

font-weight:bold;

}