:root{
  --purple:#9D00FF;
  --pink:#FF2DFE;
  --green:#B6FF00;
  --cyan:#00E5FF;
  --bg:#060810;
  --lilac:#C0B8FF;
  --panel:rgba(10,12,24,.12);
  --border:rgba(157,0,255,.28);
  --text-muted:rgba(255,255,255,.62);
  --text-dim:rgba(255,255,255,.38);
  --danger:#ff4d80;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{min-height:100%;scroll-behavior:smooth;}
body{
  min-height:100vh;
  background:var(--bg);
  color:#fff;
  font-family:'Montserrat',sans-serif;
  overflow-x:hidden;
  cursor:none;
}
a,button,input,textarea,select{font:inherit;}
a,button{cursor:none;}
button{border:0;}
img{max-width:100%;}
.bg-fallback{position:fixed;inset:0;z-index:-5;background:#02030a;}
.bg-parallax{
  position:fixed;
  inset:-5%;
  z-index:-1;
  pointer-events:none;
  background:url('../assets/Fondo_Parallax-4.png') center/cover no-repeat;
  opacity:.86;
  filter:saturate(1.12) contrast(1.05);
  transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.06);
  will-change:transform;
  transition:transform .12s linear;
}
@media (max-width: 768px), (pointer: coarse) {
  .bg-parallax{
    inset:-7%;
    background-image:url('../assets/Fondo_Parallax-4-mobile.png');
    background-position:center center;
    transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.08);
  }
}
.vignette{
  position:fixed;inset:0;z-index:-4;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,45,254,.17),transparent 29%),
    radial-gradient(circle at 15% 78%,rgba(157,0,255,.22),transparent 34%),
    radial-gradient(circle at 82% 72%,rgba(0,229,255,.12),transparent 28%),
    linear-gradient(to bottom,rgba(6,8,16,.58),rgba(6,8,16,.92) 72%,#060810 100%);
}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}
.scan{position:fixed;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(157,0,255,.28),transparent);animation:scanmove 8s linear infinite;pointer-events:none;z-index:51;}
@keyframes scanmove{0%{top:-2px}100%{top:100vh}}
#cur{position:fixed;width:10px;height:10px;background:var(--pink);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .15s,height .15s,opacity .2s;}
#cur-ring{position:fixed;width:38px;height:38px;border:1.5px solid var(--purple);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .15s,height .15s,border-color .2s,opacity .2s;}
.skip-link{position:absolute;left:-999px;top:1rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:99999;}
.skip-link:focus{left:1rem;}
.particles{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;}
.p{position:absolute;width:2px;height:2px;border-radius:50%;animation:pfloat linear infinite;filter:drop-shadow(0 0 8px currentColor);}
@keyframes pfloat{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.9}85%{opacity:.55}100%{opacity:0;transform:translateY(-110vh) translateX(var(--tx))}}
.page{
  width:min(100%,860px);
  min-height:100vh;
  margin:0 auto;
  padding:clamp(2rem,5vw,4rem) 1.25rem 2rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-card{
  width:100%;
  position:relative;
  padding:clamp(1.35rem,4vw,2.65rem);
  border:1px solid rgba(157,0,255,.26);
  background:linear-gradient(180deg,rgba(10,12,24,.12),rgba(6,8,16,.08));
  box-shadow:0 32px 80px rgba(0,0,0,.30),0 0 48px rgba(157,0,255,.05);
  backdrop-filter:blur(2px);
  overflow:hidden;
  animation:cardIn .85s cubic-bezier(.16,1,.3,1) both;
}
.site-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--purple),var(--pink),var(--green),transparent);
}
.site-card::after{content:'';position:absolute;inset:1px;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,45,254,.025),transparent 38%);}
@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.header{text-align:center;position:relative;z-index:2;}
.logo-wrap{display:flex;justify-content:center;margin-bottom:.85rem;}
.hero-logo{width:clamp(220px,56vw,390px);max-height:180px;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.7)) drop-shadow(0 0 24px rgba(255,45,254,.16));animation:glowFloat 4.4s ease-in-out infinite;}
@keyframes glowFloat{0%,100%{transform:translateY(0);filter:drop-shadow(0 18px 35px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(255,45,254,.13))}50%{transform:translateY(-5px);filter:drop-shadow(0 22px 42px rgba(0,0,0,.8)) drop-shadow(0 0 34px rgba(255,45,254,.22))}}
.handle{font-family:'Orbitron',sans-serif;color:var(--green);letter-spacing:.22em;font-size:.78rem;text-transform:uppercase;text-shadow:0 0 18px rgba(182,255,0,.18);}
.language-row{display:flex;justify-content:center;margin:1rem auto .3rem;position:relative;z-index:3;}
.lang-select{appearance:none;-webkit-appearance:none;border:1px solid rgba(157,0,255,.34);background:rgba(6,8,16,.58);color:#fff;font-family:'Orbitron',sans-serif;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;padding:.58rem 2.05rem .58rem .85rem;outline:none;box-shadow:0 0 20px rgba(157,0,255,.08);background-image:linear-gradient(45deg,transparent 50%,var(--green) 50%),linear-gradient(135deg,var(--green) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 10px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;}
.lang-select:focus{border-color:var(--pink);}
.kicker{margin:1rem auto .35rem;font-family:'Orbitron',sans-serif;font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.42);}
.title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.4rem,11vw,6.3rem);line-height:.86;letter-spacing:.025em;margin:.25rem 0 .9rem;}
.grad{background:linear-gradient(90deg,var(--purple),var(--pink),var(--green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.subtitle{max-width:620px;margin:0 auto;font-size:.96rem;line-height:1.75;color:var(--text-muted);font-weight:300;}
.status-row{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin:1.35rem auto 1.5rem;}
.status-pill{font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.16em;text-transform:uppercase;padding:.42rem .72rem;color:var(--lilac);border:1px solid rgba(157,0,255,.35);background:rgba(157,0,255,.07);}
.links,.stack{display:grid;gap:.8rem;position:relative;z-index:2;margin:1.35rem auto 0;max-width:620px;}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.link-btn,.panel-btn{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:58px;padding:.9rem .85rem;border:1px solid var(--border);background:rgba(157,0,255,.07);color:#fff;text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.link-btn::before,.panel-btn::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(157,0,255,.18),rgba(255,45,254,.14),rgba(182,255,0,.05));opacity:0;transition:opacity .25s ease;}
.link-btn::after,.panel-btn::after{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--purple),var(--pink));opacity:.65;}
.link-btn:hover,.link-btn:focus-visible,.panel-btn:hover,.panel-btn:focus-visible{transform:translateY(-2px);border-color:var(--pink);background:rgba(255,45,254,.1);box-shadow:0 0 28px rgba(157,0,255,.12);outline:none;}
.link-btn:hover::before,.link-btn:focus-visible::before,.panel-btn:hover::before,.panel-btn:focus-visible::before{opacity:1;}
.link-left{display:flex;align-items:center;gap:.7rem;min-width:0;}
.icon{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.04);color:var(--green);font-family:'Orbitron',sans-serif;font-size:.9rem;}
.link-label{font-family:'Orbitron',sans-serif;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.link-copy{display:block;font-size:.74rem;line-height:1.45;color:var(--text-dim);font-family:'Montserrat',sans-serif;font-weight:400;letter-spacing:0;text-transform:none;margin-top:.22rem;white-space:normal;}
.arrow{color:rgba(255,255,255,.38);font-size:1rem;transition:transform .25s ease,color .25s ease;}
.link-btn:hover .arrow,.link-btn:focus-visible .arrow{transform:translateX(4px);color:var(--green);}
.primary-cta{width:100%;justify-content:center;background:linear-gradient(135deg,rgba(157,0,255,.72),rgba(255,45,254,.72));border-color:rgba(255,255,255,.14);margin-top:.15rem;}
.primary-cta::after{display:none;}.primary-cta .link-left{justify-content:center;}.primary-cta .icon{background:rgba(255,255,255,.1);color:#fff;}
.primary-cta[aria-expanded="true"]{border-color:var(--green);box-shadow:0 0 32px rgba(182,255,0,.08);}
.panel{max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .55s ease,opacity .3s ease,transform .3s ease,margin .3s ease;}
.panel.open{max-height:1100px;opacity:1;transform:translateY(0);margin-top:.1rem;}
.box{padding:1.35rem;border:1px solid rgba(157,0,255,.24);background:rgba(6,8,16,.58);position:relative;}
.box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple),var(--pink),transparent);}
.form-title{font-family:'Bebas Neue',sans-serif;font-size:2.35rem;letter-spacing:.04em;margin-bottom:.1rem;}
.form-sub{font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.22em;color:rgba(255,255,255,.38);text-transform:uppercase;margin-bottom:1.2rem;line-height:1.65;}
.form-grid{display:grid;gap:.9rem;}.form-row{text-align:left;}.form-row label{font-family:'Orbitron',sans-serif;font-size:.46rem;letter-spacing:.18em;color:var(--green);text-transform:uppercase;display:block;margin-bottom:.42rem;}
.form-row input,.form-row textarea,.form-row select{width:100%;background:rgba(157,0,255,.07);border:1px solid rgba(157,0,255,.28);color:#fff;font-family:'Montserrat',sans-serif;font-size:.88rem;padding:.78rem .9rem;outline:none;transition:border-color .25s,background .25s;}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--pink);background:rgba(157,0,255,.12);} .form-row textarea{resize:vertical;min-height:92px;} .form-row select option{background:#0a0c18;color:#fff;}
.checkbox-row{display:flex;align-items:flex-start;gap:.65rem;color:rgba(255,255,255,.52);font-size:.76rem;line-height:1.5;text-align:left;} .checkbox-row input{width:auto;margin-top:.2rem;accent-color:#b6ff00;}
.submit-btn{width:100%;margin-top:.3rem;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-family:'Orbitron',sans-serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;transition:transform .25s,opacity .25s;}
.submit-btn:hover,.submit-btn:focus-visible{transform:translateY(-2px);opacity:.9;outline:none;}
.form-note{font-size:.75rem;line-height:1.6;color:rgba(255,255,255,.42);margin-top:.85rem;text-align:center;}
.release-hero,.vault-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:center;position:relative;z-index:2;margin-top:1.25rem;}
.art-card{min-height:280px;border:1px solid rgba(255,45,254,.28);background:linear-gradient(135deg,rgba(157,0,255,.32),rgba(255,45,254,.15),rgba(182,255,0,.06));display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.25);}
.art-card::before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);}.art-card::after{content:'';position:absolute;width:180%;height:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(-18deg);animation:sweep 4.8s ease-in-out infinite;}
@keyframes sweep{0%,55%{translate:-75% 0}100%{translate:75% 0}}
.art-text{position:relative;z-index:2;text-align:center;font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,5.5rem);line-height:.88;letter-spacing:.03em;text-shadow:0 12px 38px rgba(0,0,0,.65);}.art-sub{display:block;font-family:'Orbitron',sans-serif;font-size:.52rem;letter-spacing:.28em;color:var(--green);margin-top:.7rem;text-transform:uppercase;}
.info-panel{text-align:left;}.eyebrow{font-family:'Orbitron',sans-serif;font-size:.52rem;letter-spacing:.28em;color:var(--green);text-transform:uppercase;margin-bottom:.45rem;}.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.6rem,8vw,4.6rem);line-height:.92;letter-spacing:.03em;margin-bottom:.7rem;}.body-copy{color:var(--text-muted);line-height:1.75;font-weight:300;font-size:.94rem;}
.action-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;}
.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem;}
.stat-card,.reward-card{border:1px solid rgba(157,0,255,.24);background:rgba(6,8,16,.48);padding:.9rem;text-align:left;position:relative;overflow:hidden;}.stat-card::before,.reward-card::before{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--purple),var(--pink));}.stat-k{font-family:'Orbitron';font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);}.stat-v{font-family:'Bebas Neue';font-size:2rem;line-height:1.1;color:#fff;margin-top:.2rem;}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;position:relative;z-index:2;}.reward-card{min-height:170px;display:flex;flex-direction:column;gap:.65rem;}.reward-card.locked{opacity:.62;}.reward-title{font-family:'Orbitron';font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;line-height:1.45;}.reward-desc{font-size:.78rem;line-height:1.55;color:var(--text-muted);}.reward-tag{margin-top:auto;align-self:flex-start;font-family:'Orbitron';font-size:.44rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(182,255,0,.32);color:var(--green);padding:.35rem .5rem;background:rgba(182,255,0,.06);}
.footer{position:relative;z-index:2;text-align:center;margin-top:1.35rem;font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.25);}.footer a{color:rgba(255,255,255,.25);text-decoration:none;transition:color .25s;}.footer a:hover{color:var(--lilac);}.beat{color:var(--green);opacity:.8;}
.toast{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%,18px);opacity:0;z-index:100;background:#0a0c18;border:1px solid rgba(182,255,0,.45);color:#fff;padding:.85rem 1rem;font-family:'Orbitron',sans-serif;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 18px 60px rgba(0,0,0,.45);transition:opacity .3s,transform .3s;pointer-events:none;text-align:center;max-width:calc(100vw - 2rem);}.toast.show{opacity:1;transform:translate(-50%,0);}
#audio-btn{position:fixed;bottom:1.35rem;right:1.35rem;z-index:200;width:40px;height:40px;border-radius:50%;border:1px solid rgba(157,0,255,.45);background:rgba(6,8,16,.78);backdrop-filter:blur(10px);color:rgba(255,255,255,.72);display:grid;place-items:center;cursor:pointer;transition:border-color .25s,box-shadow .25s,color .25s;box-shadow:0 4px 20px rgba(0,0,0,.45);}#audio-btn:hover{border-color:var(--pink);color:#fff;box-shadow:0 0 18px rgba(255,45,254,.22);}#audio-btn svg{width:16px;height:16px;pointer-events:none;}
@media(max-width:720px){body{cursor:auto;}a,button{cursor:pointer;}#cur,#cur-ring{display:none;}.page{align-items:flex-start;padding-top:1rem;}.site-card{padding:1.1rem;}.hero-logo{width:min(82vw,340px);}.subtitle{font-size:.88rem;}.social-grid{gap:.62rem;}.link-btn,.panel-btn{min-height:54px;padding:.78rem .62rem;}.link-left{gap:.48rem;}.link-label{font-size:.46rem;letter-spacing:.07em;}.icon{width:29px;height:29px;font-size:.78rem;}.arrow{display:none;}.box{padding:1rem;}.form-title{font-size:2rem;}#audio-btn{bottom:1rem;right:1rem;width:36px;height:36px;}#audio-btn svg{width:14px;height:14px;}.release-hero,.vault-hero{grid-template-columns:1fr;}.art-card{min-height:250px}.action-row,.mini-grid,.reward-grid{grid-template-columns:1fr;}.page{width:min(100%,760px);}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}