@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;margin:0;padding:0;}
body{
  font-family:'Poppins',sans-serif;
  color:#fff;
  background:#000814;
  overflow-x:hidden;
  scroll-behavior:smooth;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  transition: background 0.4s, color 0.4s;
}
body.light{background:#fdf6e3;color:#001;}

.topbar{position:fixed;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:40;}
.brand{display:flex;align-items:center;gap:10px;color:#ffd966;font-weight:700;}
.brand .mini-logo{width:36px;height:36px;border-radius:50%;border:2px solid #ffd966;box-shadow:0 0 15px rgba(255,215,0,0.2);}
.icon-btn{background:none;border:none;color:#ffd966;cursor:pointer;}

.btn{
  background:linear-gradient(90deg,#ffd700,#ffb347);
  color:#001;
  padding:10px 16px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  transition:all 0.3s;
  box-shadow:0 0 8px rgba(255,215,0,0.6);
}
.btn:hover{
  box-shadow:0 0 20px rgba(255,215,0,0.9);
  transform:scale(1.05);
}
.btn.secondary{background:transparent;border:2px solid #ffd966;color:#ffd966;}

.preloader{
  position:fixed;inset:0;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;
  background:#000814;
  z-index:9999;
  opacity:1;visibility:visible;
  transition:opacity 0.6s,visibility 0.6s;
}
.preloader img{width:100px;height:100px;border-radius:50%;border:3px solid gold;}

.hero{
  min-height:80vh;
  display:flex;align-items:center;justify-content:center;
  padding:110px 20px 60px;
  text-align:center;
  opacity:0;transform:translateY(30px);
  transition:all 0.8s;
}
.hero .logo{
  width:150px;height:150px;border-radius:50%;border:5px solid gold;
  box-shadow:0 0 25px rgba(255,215,0,0.2);
  animation:float 3s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.title{font-size:2.5rem;color:#ffd966;}
.lead{margin-top:10px;color:#ccc;}
.contract{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.contract code{background:rgba(255,255,255,0.05);padding:8px 12px;border-radius:8px;font-family:monospace;color:#fff3c2;}
.copy-btn{background:gold;border:none;padding:6px 10px;border-radius:6px;font-weight:600;cursor:pointer;}
.copy-msg{opacity:0;color:#90ee90;transition:opacity 0.2s;}
.supply{margin-top:10px;color:#ffeaa7;font-weight:600;}
.hero-ctas{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

.section{padding:70px 18px;max-width:1000px;margin:0 auto;text-align:center;opacity:0;transform:translateY(30px);transition:all 0.8s;}
.section h2{color:#ffd966;margin-bottom:12px;}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.card{background:rgba(255,255,255,0.05);padding:18px;border-radius:10px;border:1px solid rgba(255,215,0,0.1);transition:transform 0.3s;}
.card:hover{transform:translateY(-8px);}

.timeline{display:flex;flex-direction:column;gap:12px;align-items:center;}
.step{width:100%;max-width:720px;background:rgba(255,255,255,0.05);padding:14px;border-radius:8px;border-left:4px solid gold;}

.stats-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px;}
.stat-card{background:rgba(255,255,255,0.05);padding:20px 25px;border-radius:10px;border:1px solid rgba(255,215,0,0.1);}
.stat-number{font-size:2rem;font-weight:700;color:#ffd966;display:block;}
.stat-label{margin-top:6px;color:#fff;font-weight:500;}

.faq-item{margin:10px 0;border-bottom:1px solid rgba(255,215,0,0.2);}
.faq-question{width:100%;background:none;border:none;color:#ffd966;font-weight:600;font-size:1.05rem;padding:12px;text-align:left;cursor:pointer;}
.faq-answer{max-height:0;overflow:hidden;color:#fff;padding:0 12px 0 12px;transition:max-height 0.3s ease;}

.socials{margin-top:12px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.social{background:gold;color:#001;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700;}

.footer{position:relative;z-index:10;background:rgba(0,8,20,0.9);color:#aaa;padding:28px 18px;text-align:center;font-size:0.9rem;margin-top:auto;}

#particles{position:fixed;inset:0;z-index:0;pointer-events:none;}