body{margin:0;background:#000;color:#fff;font-family:sans-serif;text-align:center;overflow-x:hidden;}

#starfield {
  position:fixed; inset:0; z-index:-1;
  background:#000;
  animation:stars 12s linear infinite;
  background-image:url('https://www.transparenttextures.com/patterns/stardust.png');
  opacity:0.15;
}
@keyframes stars {
  0% {transform:translateY(0);}
  100% {transform:translateY(-500px);}
}

#loader{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;}
.loader-fox{width:90px;margin-bottom:20px;filter:drop-shadow(0 0 15px #39c5ff);}
.solana-loader{width:60px;height:60px;border-radius:50%;border:4px solid rgba(57,197,255,0.2);border-top-color:#39c5ff;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

.logo-combo{display:flex;align-items:center;gap:10px;padding:20px;}
.logo-fox{width:50px;}

.hero-fox{width:85%;max-width:380px;margin-top:20px;}
.pill{padding:6px 14px;border-radius:20px;background:#39c5ff22;border:1px solid #39c5ff55;display:inline-block;}

.btn-big, .btn-big-outline {
  padding:14px 24px!important;
  font-size:18px!important;
  border-radius:40px!important;
  text-decoration:none;
}
.btn-big{background:#39c5ff;color:#000;}
.btn-big-outline{border:2px solid #39c5ff;color:#39c5ff;}

.how{padding:40px 0;}
.how-steps{display:flex;flex-direction:column;gap:18px;max-width:420px;margin:0 auto;}
.how-card{padding:20px;border:1px solid #39c5ff55;border-radius:15px;background:#111;}

.tokenomics{padding:40px 0;}
.token-box{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto;}

.roadmap{padding:50px 0;}
.roadmap-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:420px;margin:0 auto;}
.road-card{padding:20px;border:1px solid #39c5ff55;border-radius:15px;background:#111;}

.glow{animation:glowAnim 2.5s infinite ease-in-out;}
.glow-big{animation:glowBigAnim 3s infinite ease-in-out;}
@keyframes glowAnim{0%{filter:drop-shadow(0 0 4px #39c5ff);}50%{filter:drop-shadow(0 0 18px #39c5ff);}100%{filter:drop-shadow(0 0 4px #39c5ff);}}
@keyframes glowBigAnim{0%{filter:drop-shadow(0 0 10px #39c5ff);}50%{filter:drop-shadow(0 0 35px #39c5ff);}100%{filter:drop-shadow(0 0 10px #39c5ff);}}