/* ================= RESET ================= */
* {margin:0; padding:0; box-sizing:border-box;}
body {
  font-family:'Roboto',sans-serif;
  color:white;
  line-height:1.6;
  overflow-x:hidden;
  background:transparent;
}

/* ================= CURSOR ================= */
.cursor{position:fixed;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 0 10px #00c3ff,0 0 20px #00c3ff;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;}
.cursor-trail{position:fixed;width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,200,255,0.4);box-shadow:0 0 15px rgba(0,200,255,0.4);pointer-events:none;transform:translate(-50%,-50%);z-index:9998;transition:transform 0.2s;}
.cursor.hover{transform:translate(-50%,-50%) scale(1.8); background:#00c3ff;}
.cursor-trail.hover{transform:translate(-50%,-50%) scale(1.5);}

/* ================= VIDEO BACKGROUND ================= */
.bg-video{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
  filter:brightness(0.5);
}

/* ================= HERO ================= */
.hero{
  height:120vh;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:0 20px;
}
.hero-content{max-width:700px;}
.hero-title{font-size:48px;text-shadow:0 0 10px #00c3ff,0 0 20px #33a1ff;margin-bottom:20px;animation:glowText 2s ease-in-out infinite alternate;}
.hero p{font-size:18px;margin-top:20px;animation:fadeInUp 2s ease forwards;}

/* ================= ABOUT ================= */
.about{padding:80px 20px;text-align:center;max-width:1200px;margin:0 auto;}
.about h2{font-size:36px;color:#33a1ff;margin-bottom:30px;text-shadow:0 0 5px #fff,0 0 10px #33a1ff;}
.about p{font-size:18px;color:white;margin-bottom:50px;}

/* ================= TEAM CARDS ================= */
.team-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;justify-items:center;}
.card{background:#04306b;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,0.4);transition:transform 0.4s ease, box-shadow 0.4s ease;position:relative;}
.card img{width:100%;height:200px;object-fit:cover;display:block;}
.card-text{padding:15px;text-align:center;}
.card-text h3{color:#33a1ff;margin-bottom:10px;}
.card-text p{color:white;font-size:16px;}
.card:hover{transform:scale(1.05);box-shadow:0 15px 35px rgba(0,0,0,0.5);}

/* ================= FOOTER ================= */
footer{text-align:center;padding:40px;background:#001c4d;display:flex;flex-direction:column;align-items:center;gap:8px;}

/* ================= ANIMATII ================= */
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}
@keyframes glowText{0%{text-shadow:0 0 10px #00c3ff,0 0 20px #33a1ff;}50%{text-shadow:0 0 20px #00ffff,0 0 40px #33a1ff;}100%{text-shadow:0 0 10px #00c3ff,0 0 20px #33a1ff;}}

.students {
  padding: 80px 20px;
  text-align: center;
}

.students h2 {
  font-size: 36px;
  color: #33a1ff;
  margin-bottom: 40px;
  text-shadow: 0 0 5px #fff, 0 0 10px #33a1ff;
}