*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Montserrat',sans-serif;
  background:#101010;
  color:#e6e6e6;
  line-height:1.6;
}

.nav{
  height:70px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:0 30px;
  background:rgba(22,22,22,0.75);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.05);
  position:fixed;top:0;width:100%;z-index:50;
}

.nav-back{color:#39d98a;text-decoration:none;font-weight:600;}
.nav-title{font-size:1.2rem;font-weight:600;}

.hero{
  padding-top:140px;
  padding-bottom:70px;
  text-align:center;
  background:radial-gradient(circle at center,
    rgba(255,255,255,0.03),#101010 70%);
}

.hero-inner h1{
  font-size:2.4rem;
  font-weight:700;
}
.hero-inner p{
  font-size:1.05rem;color:#bfbfbf;margin-top:8px;
}

.about-content{
  max-width:900px;
  margin:40px auto 80px auto;
  padding:0 20px;
}

.card{
  background:#181818;
  border:1px solid rgba(255,255,255,0.05);
  padding:28px;
  border-radius:8px;
  margin-bottom:20px;
}
.card h2{color:#39d98a;margin-bottom:10px;}
.card ul{padding-left:20px;margin-top:8px;}
.card ul li{margin-bottom:6px;}

.footer{
  padding:40px;text-align:center;color:#777;font-size:.9rem;
}