body{background:#000;color:#fff;font-family:Poppins,sans-serif;}
.text-gradient{background:linear-gradient(90deg,#00f0ff,#a020f0,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.btn-glow{background:linear-gradient(90deg,#00f0ff,#a020f0,#ff0080);border:none;color:#fff;padding:12px 30px;border-radius:30px;}
.glass-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:20px;backdrop-filter:blur(10px);padding:20px;}
.skill-card{background:rgba(255,255,255,0.08);border-radius:15px;padding:25px 15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);transition:.4s;}
.skill-card img{width:50px;margin-bottom:12px;}
.skill-card h6{color:#fff;font-weight:600;}
.skill-card:hover{transform:translateY(-8px) scale(1.05);background:linear-gradient(#0a0f1f,#0a0f1f) padding-box,linear-gradient(90deg,#00f0ff,#a020f0,#ff0080) border-box;box-shadow:0 0 20px rgba(0,255,255,0.5),0 0 40px rgba(160,32,240,0.4);}
.timeline{position:relative;margin-left:20px;border-left:2px solid rgba(0,255,255,0.4);}
.timeline-item{margin-bottom:40px;position:relative;}
.timeline-dot{position:absolute;left:-11px;top:0;width:20px;height:20px;background:linear-gradient(90deg,#00f0ff,#a020f0);border-radius:50%;box-shadow:0 0 20px rgba(0,255,255,0.6);}
.card-body small {
  display: block;
  margin-top: 10px;
  font-size: 0.85rem;
  font-weight: 500;
  opacity: 0.8;
}