body {
  font-family: 'Poppins', sans-serif;
  background-color: #000;
  color: white;
  margin: 0;
  overflow-x: hidden;
}
.top-bar {
  position: sticky;
  top: 15px;
  background: #121212;
  border-radius: 2.5rem;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  border: 1px solid #1c1c1c;
  padding: 1rem 2.5rem;
  margin: 0 1rem;
}
.btn-glow {
  background: linear-gradient(90deg,#0047FF,#0084FF);
  box-shadow:0 0 20px rgba(0,132,255,0.3);
}
.hero-container { display:flex; justify-content:center; align-items:center; margin:3rem 1rem; }
.hero-img { border-radius:1.5rem; width:100%; max-width:900px; height:auto; }
.about-container { display:flex; flex-direction:column; align-items:center; gap:2rem; max-width:1000px; margin:3rem auto; }
.about-box { background-color:#080808; border:0.5px solid rgba(255,255,255,0.3); border-radius:1rem; display:flex; align-items:center; padding:2rem; gap:2rem; width:100%; flex-wrap:wrap; }
.about-text { flex:1; display:flex; flex-direction:column; justify-content:center; text-align:left; min-width:220px; }
.about-img { width:280px; height:auto; border-radius:1rem; }
.biggest-text { font-size:clamp(2rem,4vw,2.8rem); font-weight:700; }
.third-box-text { font-size:clamp(1.8rem,3.8vw,2.5rem); font-weight:700; }
.underline-blue { border-bottom:0.15em solid #0084FF; }