:root{
  --bg:#0b0c10; --panel:#12141b; --text:#e7edf2; --muted:#a7b1bb; --brand:#11cdef; --ring: #11cdef33;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}
.container{max-width:1000px;margin:0 auto;padding:20px}
header{display:flex;gap:16px;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.02);backdrop-filter:saturate(120%) blur(6px);position:sticky;top:0;z-index:10;border-bottom:1px solid #1c2027}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
nav a{margin-left:16px;color:var(--muted)} nav a:hover{color:var(--text)}
.lang-switch{display:flex;gap:8px;margin-left:auto}
.lang-switch .lang{padding:6px 10px;border:1px solid #2a313b;border-radius:8px;background:#151a21;color:var(--text);cursor:pointer}
.lang-switch .lang[aria-pressed="true"]{background:linear-gradient(90deg,#10b7e6,#11cdef);color:#081018;border-color:transparent;font-weight:700}

.hero{display:flex;align-items:center;gap:36px;padding:60px 20px}
.hero-text h1{font-size:48px;margin:0 0 6px}
.cta{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}
.btn{padding:10px 16px;border:1px solid #2a313b;border-radius:10px;background:var(--panel);color:var(--text)}
.btn.primary{background:linear-gradient(90deg,#10b7e6,#11cdef);border-color:transparent;color:#081018;font-weight:700}
.btn:hover{box-shadow:0 0 0 6px var(--ring)}
.addr{display:inline-block;padding:8px 10px;background:#0f131a;border:1px solid #1e2630;border-radius:8px;margin-right:8px}
.copy{padding:8px 12px;border-radius:8px;border:1px solid #2a313b;background:#161b22;color:var(--text);cursor:pointer}
.hero-logo{filter:drop-shadow(0 8px 24px rgba(17,205,239,.20));border-radius:16px;animation: neonPulse 4s ease-in-out infinite;will-change: filter, transform;}
@keyframes neonPulse{0%,100%{filter:drop-shadow(0 8px 24px rgba(17,205,239,.20));transform:scale(1)}50%{filter:drop-shadow(0 12px 60px rgba(17,205,239,.55));transform:scale(1.02)}}
@media (prefers-reduced-motion: reduce){ .hero-logo{animation:none}}

/* Carousel */
.verify-title{color:var(--muted);text-align:center;margin-top:-10px}
.carousel{overflow:hidden;margin:10px auto 26px;max-width:1000px;border-radius:16px;border:1px solid #1f2530;background:#0f1218}
.carousel .track{display:flex;gap:16px;align-items:center;padding:14px; animation:slide 28s linear infinite}
.partner{display:flex;align-items:center;justify-content:center;min-width:160px;max-width:160px;height:48px;background:#0b0f15;border:1px solid #202734;border-radius:12px;transition:none}
.partner img{display:block;height:32px;object-fit:contain}
.partner:hover{transform:none;box-shadow:none}
@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){ .carousel .track{animation:none} }

.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.card{background:var(--panel);border:1px solid #232a34;border-radius:16px;padding:16px}
.card .mono{display:block;word-break:break-all;font-family:ui-monospace, Menlo, Monaco, Consolas, "Courier New", monospace}
.bullets{list-style:square;padding-left:18px;color:var(--muted)}
.note{color:var(--muted);font-size:14px}
.links{display:flex;flex-wrap:wrap;gap:12px}
.link{padding:10px 14px;border:1px solid #2a313b;background:#151a21;border-radius:12px}

footer{border-top:1px solid #1c2027;background:#0a0c12;margin-top:40px}
footer .container{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;color:var(--muted)}

@media (max-width:800px){
  header{flex-wrap:wrap}
  .hero{flex-direction:column;text-align:center}
  .split{grid-template-columns:1fr}
  .lang-switch{margin-left:0}
  .partner{min-width:140px;max-width:140px}
}


/* === Live Price Badge === */
.price-badge{
  display:inline-flex; gap:8px; align-items:center;
  padding:6px 10px; border:1px solid #223040; background:#0f141b; border-radius:9999px;
  font-weight:600; margin-top:8px
}
.price-badge small{ color:var(--muted) }
.price-badge .up{ color:#14e07d }
.price-badge .down{ color:#ff6b6b }


/* Balance Box */
.balance-box{
  display:inline-flex; gap:8px; align-items:center;
  padding:6px 10px; border:1px dashed #2a3644; background:#0b1117; border-radius:9999px;
  font-weight:600; margin-top:8px
}
.balance-box small{ color:var(--muted) }


/* Wallet connect state */
.btn.connected{ border-color:#14e07d; }


/* Globe language dropdown */
.icon-btn{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; }
.lang-switch{ position:relative; }
.lang-menu{
  position:absolute; right:0; top:44px; list-style:none; margin:0; padding:6px;
  background:#0f141b; border:1px solid #223040; border-radius:12px; min-width:160px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.lang-menu[hidden]{ display:none; }
.lang-menu li{ margin:0; }
.lang-menu button{ width:100%; text-align:left; padding:8px 10px; background:transparent; border:none; color:#cbd5e1; border-radius:8px; }
.lang-menu button:hover{ background:#111827; color:#fff; cursor:pointer; }


/* --- Animación neón para el globo 🌐 --- */
@keyframes glowPulse {
  0%, 100% { text-shadow: 0 0 4px rgba(0, 255, 255, 0.5), 0 0 8px rgba(0, 255, 255, 0.3); }
  50% { text-shadow: 0 0 8px rgba(0, 255, 255, 0.9), 0 0 16px rgba(0, 255, 255, 0.6); }
}

.lang-switch .icon-btn {
  color: #00eaff;
  animation: glowPulse 2.5s ease-in-out infinite;
  transition: transform 0.2s ease, text-shadow 0.3s ease;
}

.lang-switch .icon-btn:hover {
  transform: scale(1.1);
  text-shadow: 0 0 10px #00eaff, 0 0 20px #00eaff, 0 0 30px #00eaff;
}

/* --- Header utilities (globe + connect + USD) --- */
.right-utilities{ margin-left:auto; display:flex; align-items:center; gap:.75rem; }
.wallet-controls{ display:flex; align-items:center; gap:.5rem; }
.btn.small{ padding:.45rem .75rem; font-size:.95rem; line-height:1; }
.wallet-usd{ display:inline-block; padding:.35rem .6rem; background:var(--card); border:1px solid var(--border); border-radius:10px; font-variant-numeric: tabular-nums; min-width:90px; text-align:center; }
.lang-switch .icon-btn{ font-size:1.5rem; padding:.35rem .55rem; line-height:1; position:relative; z-index:50; cursor:pointer; }
.lang-menu{ z-index:49; position:absolute; right:0; margin-top:.25rem; }

.hero .cta-row, .cta-row{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
#priceBadge[hidden]{ display:none !important; }
.price-simple {
  font-size: 1.4rem;
  font-weight: 600;
  color: #00bfff;
  margin-top: 0.3rem;
  margin-bottom: 1rem;
}
/* Wallet logout menu */
.wallet-wrap{position:relative;display:inline-block}
.wallet-menu{
  position:absolute;
  right:0;
  top:46px;
  background:#0e1520;
  border:1px solid var(--border);
  border-radius:.8rem;
  min-width:150px;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  padding:.4rem;
  z-index:100;
}
.wallet-menu button{
  display:block;
  width:100%;
  text-align:left;
  background:transparent;
  border:0;
  color:var(--text);
  padding:.55rem .7rem;
  border-radius:.6rem;
  cursor:pointer;
}
.wallet-menu button:hover{background:#142031}
.btn-whitepaper {
  display: inline-block;
  background-color: #d4af37;
  color: #0e0e0f;
  padding: 10px 24px;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-whitepaper:hover {
  background-color: #00bcd4;
  color: #fff;
}
/* --- Fix: mantener abierto el menú de wallet por control JS --- */
#walletMenu[hidden] {
  display: none !important;
}