body{
  font-family: Arial;
  margin:0;
  background: linear-gradient(to right,#e3f2fd,#ffffff);
}
.hero{
  text-align:center;
  padding:80px;
}
.btn{
  padding:12px 25px;
  background:#007bff;
  color:#fff;
  border-radius:30px;
}
.grid{
  display:flex;
  gap:20px;
  justify-content:center;

}
body{
  font-family:'Segoe UI';
  background:#f4f7fb;
}
.sidebar{
  width:250px;
  height:100vh;
  position:fixed;
  background:linear-gradient(180deg,#1e3c72,#2a5298);
  color:#fff;
  padding:20px;
}
.sidebar a{
  display:block;
  color:#fff;
  padding:12px;
  margin:8px 0;
  border-radius:10px;
  text-decoration:none;
}
.sidebar a:hover{
  background:rgba(255,255,255,0.2);
}
.main{
  margin-left:260px;
  padding:20px;
}
.card{
  border:none;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}
body{
  background: linear-gradient(135deg,#eef2ff,#f8fafc);
  font-family: 'Segoe UI';
}

}
.card:hover{
  transform: translateY(-5px);
}
.sidebar{
  background: linear-gradient(180deg,#0f172a,#1e293b);
}