*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:Poppins,sans-serif;
  background:radial-gradient(circle at top,#2a1400,#050201);
  color:#f7d28a;
  overflow-x:hidden;
}

/* NAV */
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px 50px;
}

.brand{
  font-family:Cinzel,serif;
  font-size:32px;
  font-weight:800;
  color:#ffb300;
}

.nav a{
  margin-left:25px;
  text-decoration:none;
  color:#f7d28a;
  font-weight:500;
}

.nav .buy{
  background:linear-gradient(135deg,#ffb300,#ff6a00);
  padding:8px 20px;
  border-radius:30px;
  color:#000;
  font-weight:700;
}

/* HERO */
.hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:90px 70px;
  flex-wrap:wrap;
}

.hero-left h1{
  font-family:Cinzel,serif;
  font-size:82px;
  color:#ffb300;
}

.hero-left p{
  margin:18px 0 35px;
  font-size:20px;
  opacity:0.9;
}

.hero-btns .btn{
  margin-right:15px;
}

.hero-right{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* LOGO PREMIUM */
.logo-orbit{
  width:340px;
  height:340px;
  border-radius:50%;
  background:
    radial-gradient(circle,#ffd180 0%,#ff9800 35%,#6d2600 65%,transparent 70%);
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:
    0 0 60px rgba(255,170,0,.7),
    0 0 120px rgba(255,140,0,.6),
    inset 0 0 40px rgba(0,0,0,.8);
  animation:rotateGlow 8s linear infinite;
}

.logo-orbit img{
  width:72%;
  height:72%;
  object-fit:contain;
  border-radius:50%;
  background:transparent;
}

/* BUTTONS */
.btn{
  padding:14px 30px;
  border-radius:35px;
  text-decoration:none;
  font-weight:700;
}

.btn.gold{
  background:linear-gradient(135deg,#ffb300,#ff6a00);
  color:#000;
}

.btn.outline{
  border:2px solid #ffb300;
  color:#ffb300;
}

/* SECTIONS */
.section{
  padding:90px 60px;
  text-align:center;
}

.section h2{
  font-family:Cinzel,serif;
  font-size:42px;
  color:#ffb300;
  margin-bottom:20px;
}

.desc{
  max-width:800px;
  margin:auto;
  opacity:.85;
}

/* GLASS */
.glass{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  border-radius:25px;
}

/* TOKEN */
.token-box{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px;
}

.token-box div{
  background:rgba(255,255,255,.08);
  padding:18px;
  border-radius:14px;
}

.token-box span{
  display:block;
  opacity:.6;
  font-size:13px;
}

.contract small{
  word-break:break-all;
  font-size:12px;
}

/* ROADMAP */
.roadmap{
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
}

.card{
  width:260px;
  background:rgba(255,255,255,.07);
  padding:26px;
  border-radius:18px;
  opacity:0;
  transform:translateY(40px);
}

.card h3{
  color:#ffb300;
  margin-bottom:12px;
}

/* FOOTER */
footer{
  text-align:center;
  padding:30px;
  opacity:.7;
}

/* ANIMATIONS */
@keyframes rotateGlow{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}