:root,[data-palette=gamer],[data-palette=gamer-verde]{--g-bg:#050608;--g-bg2:#090a0d;--g-bg3:#0d0f14;--g-primary:#00ff87;--g-primary-rgb:0, 255, 135;--g-secondary:#00c4ff;--g-secondary-rgb:0, 196, 255;--g-text:#ffffffeb;--g-text-md:#ffffff73;--g-border:#00ff871f;--g-border2:#00c4ff14;--g-glow:0 0 20px #00ff874d;--g-glow2:0 0 20px #00c4ff4d}[data-palette=gamer-naranja]{--g-bg:#080504;--g-bg2:#0d0806;--g-bg3:#120b08;--g-primary:#ff6b00;--g-primary-rgb:255, 107, 0;--g-secondary:gold;--g-secondary-rgb:255, 215, 0;--g-text:#ffffffeb;--g-text-md:#ffffff73;--g-border:#ff6b0026;--g-border2:#ffd70014;--g-glow:0 0 20px #ff6b0059;--g-glow2:0 0 20px #ffd70040}[data-palette=gamer-azul]{--g-bg:#040608;--g-bg2:#060a10;--g-bg3:#080e16;--g-primary:#00a8ff;--g-primary-rgb:0, 168, 255;--g-secondary:#7b2fff;--g-secondary-rgb:123, 47, 255;--g-text:#ffffffeb;--g-text-md:#ffffff73;--g-border:#00a8ff26;--g-border2:#7b2fff1a;--g-glow:0 0 20px #00a8ff59;--g-glow2:0 0 20px #7b2fff4d}button.music-control-btn{background:var(--g-bg3)!important;border:1px solid rgba(var(--g-primary-rgb), .4)!important;box-shadow:var(--g-glow)!important}button.music-control-btn i{color:var(--g-primary)!important}button.music-control-btn:hover{box-shadow:0 0 35px rgba(var(--g-primary-rgb), .5)!important}.navbar-demo{backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--g-border);background:#050608eb;padding:.75rem 0;transition:transform .3s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.navbar-demo:after{content:"";background:linear-gradient(to right, var(--g-primary), var(--g-secondary), transparent);width:0;height:1px;transition:width .6s;position:absolute;bottom:0;left:0}.navbar-demo.visible{transform:translateY(0)}.navbar-demo.visible:after{width:100%}.nav-demo-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-demo-left{align-items:center;gap:1rem;display:flex}.back-link{color:var(--g-text-md);letter-spacing:1px;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:.4rem .8rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:var(--g-primary);border-color:rgba(var(--g-primary-rgb),.3)}.back-link svg{width:13px;height:13px}.demo-badge{color:var(--g-primary);letter-spacing:4px;text-transform:uppercase;border:1px solid rgba(var(--g-primary-rgb),.25);background:rgba(var(--g-primary-rgb),.05);padding:.25rem .8rem;font-family:Rajdhani,sans-serif;font-size:.58rem;font-weight:700}.nav-cta-demo{background:var(--g-primary);color:var(--g-bg);letter-spacing:2px;text-transform:uppercase;box-shadow:var(--g-glow);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);align-items:center;gap:7px;padding:.6rem 1.5rem;font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.nav-cta-demo:hover{box-shadow:0 0 30px rgba(var(--g-primary-rgb),.5);transform:translateY(-1px)}@media (width<=600px){.back-link span,.demo-badge{display:none}.back-link{padding:.4rem}.nav-cta-demo span{display:none}.nav-cta-demo{clip-path:none;padding:.6rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--g-bg);color:var(--g-text);font-family:"Exo 2",sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{filter:saturate(.2)brightness(.2);z-index:0;background-image:url(https://res.cloudinary.com/dtqj6adlq/image/upload/v1773422888/club-men-6_ucfh0i.jpg);background-position:50%;background-size:cover;transition:filter .5s;position:absolute;inset:0}.hero-grid{z-index:1;background-image:linear-gradient(rgba(var(--g-primary-rgb),.03) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--g-primary-rgb),.03) 1px, transparent 1px);background-size:50px 50px;animation:4s ease-in-out infinite gridPulse;position:absolute;inset:0}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-overlay{z-index:2;background:linear-gradient(to right, var(--g-bg) 0%, #050608b3 40%, #05060833 100%), linear-gradient(to top, var(--g-bg) 0%, transparent 35%);position:absolute;inset:0}#heroCanvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud-corner{z-index:4;pointer-events:none;width:24px;height:24px;position:absolute}.hud-corner:before,.hud-corner:after{content:"";background:var(--g-primary);box-shadow:var(--g-glow);position:absolute}.hud-corner:before{width:2px;height:100%}.hud-corner:after{width:100%;height:2px}.hud-tl{top:90px;left:20px}.hud-tr{top:90px;right:20px;transform:scaleX(-1)}.hud-bl{bottom:20px;left:20px;transform:scaleY(-1)}.hud-br{bottom:20px;right:20px;transform:scale(-1)}.hud-status{z-index:4;pointer-events:none;opacity:0;align-items:center;gap:1rem;animation:1s 1.2s forwards fadeIn;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}@keyframes fadeIn{to{opacity:1}}.hud-ping{letter-spacing:3px;color:var(--g-primary);text-transform:uppercase;align-items:center;gap:.4rem;font-family:Rajdhani,sans-serif;font-size:.6rem;display:flex}.hud-ping-dot{background:var(--g-primary);width:6px;height:6px;box-shadow:var(--g-glow);border-radius:50%;animation:1.5s ease-in-out infinite pingBlink}@keyframes pingBlink{0%,to{opacity:1}50%{opacity:.3}}.hud-divider{background:#ffffff1a;width:1px;height:12px}.hero-content{z-index:4;opacity:0;max-width:720px;padding:0 6% 5rem;animation:.9s cubic-bezier(.16,1,.3,1) .4s forwards heroIn;position:relative}@keyframes heroIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-event-tag{letter-spacing:5px;text-transform:uppercase;color:var(--g-primary);border:1px solid rgba(var(--g-primary-rgb),.25);background:rgba(var(--g-primary-rgb),.06);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-family:Rajdhani,sans-serif;font-size:.62rem;font-weight:700;display:inline-flex}.hero-xp{align-items:center;gap:.8rem;margin-bottom:2rem;display:flex}.xp-label{letter-spacing:3px;color:var(--g-text-md);text-transform:uppercase;white-space:nowrap;font-family:Rajdhani,sans-serif;font-size:.55rem}.xp-bar{background:#ffffff0f;flex:1;max-width:160px;height:3px;position:relative;overflow:visible}.xp-fill{background:linear-gradient(to right, var(--g-primary), var(--g-secondary));height:100%;box-shadow:0 0 8px rgba(var(--g-primary-rgb),.5);animation:1.5s 1s both xpLoad}@keyframes xpLoad{0%{width:0}to{width:78%}}.hero-name{text-transform:uppercase;color:#fff;letter-spacing:-2px;text-shadow:0 0 40px rgba(var(--g-primary-rgb),.15);margin-bottom:.3rem;font-family:"Exo 2",sans-serif;font-size:clamp(5.5rem,15vw,11rem);font-weight:800;line-height:.88;display:block}.hero-18{letter-spacing:8px;text-transform:uppercase;background:linear-gradient(90deg, var(--g-primary), var(--g-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-family:Rajdhani,sans-serif;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;display:block}.hero-stats{flex-wrap:wrap;gap:2rem;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-label{letter-spacing:4px;text-transform:uppercase;color:var(--g-text-md);margin-bottom:.2rem;font-family:Rajdhani,sans-serif;font-size:.52rem}.hero-stat-value{color:#fff;letter-spacing:1px;font-family:"Exo 2",sans-serif;font-size:1.1rem;font-weight:600}.hero-stat-divider{background:#ffffff14;align-self:stretch;width:1px;margin:0 .5rem}.scroll-hint{z-index:4;cursor:pointer;opacity:0;flex-direction:column;align-items:center;gap:.4rem;animation:1s 1.5s forwards fadeIn;display:flex;position:absolute;bottom:2rem;right:6%}.scroll-hint span{letter-spacing:4px;text-transform:uppercase;color:var(--g-text-md);writing-mode:vertical-rl;font-family:Rajdhani,sans-serif;font-size:.55rem}.scroll-hint-line{background:linear-gradient(to bottom, var(--g-primary), transparent);width:1px;height:35px;animation:2s ease-in-out infinite lineDown}@keyframes lineDown{0%,to{opacity:1;height:35px}50%{opacity:.4;height:50px}}section:not(.hero){padding:80px 20px}.container{max-width:1040px;margin:0 auto}.section-header{margin-bottom:3.5rem}.section-tag{letter-spacing:5px;text-transform:uppercase;color:var(--g-primary);align-items:center;gap:.5rem;margin-bottom:.6rem;font-family:Rajdhani,sans-serif;font-size:.58rem;font-weight:700;display:inline-flex}.section-tag:before{content:"//";opacity:.5}.section-title{text-transform:uppercase;color:#fff;letter-spacing:-1px;font-family:"Exo 2",sans-serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1;display:block}.section-title span{color:var(--g-primary)}.section-bar{background:linear-gradient(to right, var(--g-primary), var(--g-secondary));width:50px;height:2px;box-shadow:var(--g-glow);margin-top:1rem}.countdown-section{background:var(--g-bg2);border-top:1px solid var(--g-border);border-bottom:1px solid var(--g-border);position:relative;overflow:hidden}.countdown-section:before{content:"";background:linear-gradient(90deg, rgba(var(--g-primary-rgb),.03) 1px, transparent 1px), linear-gradient(rgba(var(--g-primary-rgb),.02) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0}.countdown-wrap{z-index:1;flex-wrap:wrap;align-items:center;gap:3rem;display:flex;position:relative}.countdown-badge{letter-spacing:4px;text-transform:uppercase;color:var(--g-bg);background:var(--g-primary);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);box-shadow:var(--g-glow);margin-bottom:1rem;padding:.3rem .8rem;font-family:Rajdhani,sans-serif;font-size:.6rem;font-weight:700;display:inline-block}.countdown{flex:1;gap:1rem;display:flex}.countdown-item{text-align:center;background:var(--g-bg3);border:1px solid var(--g-border);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);flex:1;padding:2rem 1rem;transition:all .3s;position:relative;overflow:hidden}.countdown-item:hover{border-color:rgba(var(--g-primary-rgb),.4);box-shadow:var(--g-glow)}.countdown-item:after{content:"";background:linear-gradient(to right, var(--g-primary), var(--g-secondary));transform-origin:0;width:100%;height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.countdown-item:hover:after{transform:scaleX(1)}.countdown-number{color:var(--g-primary);text-shadow:var(--g-glow);font-family:"Exo 2",sans-serif;font-size:3.5rem;font-weight:800;line-height:1;display:block}.countdown-label{letter-spacing:4px;text-transform:uppercase;color:var(--g-text-md);margin-top:.4rem;font-family:Rajdhani,sans-serif;font-size:.55rem;display:block}@media (width<=768px){.countdown-wrap{gap:2rem}.countdown{flex-wrap:wrap}.countdown-item{clip-path:none;flex:calc(50% - .5rem)}}.info-section{background:var(--g-bg)}.info-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.info-card{background:var(--g-bg3);border:1px solid var(--g-border);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding:2.5rem 1.8rem;transition:all .3s;position:relative;overflow:hidden}.info-card:hover{border-color:rgba(var(--g-primary-rgb),.35);box-shadow:inset 0 0 30px rgba(var(--g-primary-rgb),.04), var(--g-glow);transform:translateY(-3px)}.info-card:before{content:"";border-style:solid;border-width:0 16px 16px 0;border-color:transparent rgba(var(--g-primary-rgb),.3) transparent transparent;width:0;height:0;position:absolute;top:0;right:0}.info-card:after{content:"";background:linear-gradient(to bottom, transparent, var(--g-primary), transparent);opacity:0;width:2px;transition:opacity .3s;position:absolute;top:20%;bottom:20%;left:0}.info-card:hover:after{opacity:1}.info-card-icon{border:1px solid var(--g-border);background:rgba(var(--g-primary-rgb),.05);width:38px;height:38px;color:var(--g-primary);justify-content:center;align-items:center;margin-bottom:1.3rem;display:flex}.info-card-icon svg{width:18px;height:18px}.info-card-tag{letter-spacing:4px;text-transform:uppercase;color:var(--g-primary);margin-bottom:.5rem;font-family:Rajdhani,sans-serif;font-size:.52rem;font-weight:700;display:block}.info-card h3{text-transform:uppercase;color:#fff;letter-spacing:.5px;margin-bottom:1rem;font-family:"Exo 2",sans-serif;font-size:1.25rem;font-weight:700}.info-card p{color:var(--g-text-md);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:400;line-height:1.9}.info-card p strong{color:var(--g-text);font-weight:600}@media (width<=768px){.info-grid{grid-template-columns:1fr}.info-card{clip-path:none}}.gallery-section{background:var(--g-bg2);border-top:1px solid var(--g-border)}.gallery-grid{grid-template-rows:200px 200px;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:3rem;display:grid}.gg-feat{grid-area:span 2/span 2}.gg-wide{grid-column:span 2}.gg-item{cursor:pointer;background:var(--g-bg3);position:relative;overflow:hidden}.gg-item img{object-fit:cover;filter:saturate(.7)brightness(.8);width:100%;height:100%;transition:transform .5s,filter .3s;display:block}.gg-item:hover img{filter:saturate()brightness(.9);transform:scale(1.05)}.gg-item:before{content:"";background:rgba(var(--g-primary-rgb),0);z-index:1;mix-blend-mode:screen;transition:background .3s;position:absolute;inset:0}.gg-item:hover:before{background:rgba(var(--g-primary-rgb),.06)}.gg-item:after{content:"";border:1px solid rgba(var(--g-primary-rgb),0);z-index:2;pointer-events:none;transition:border-color .3s;position:absolute;inset:2px}.gg-item:hover:after{border-color:rgba(var(--g-primary-rgb),.3)}@media (width<=768px){.gallery-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.gg-feat,.gg-wide{grid-area:span 1/span 1}.gg-feat{grid-column:span 2}.gg-item{aspect-ratio:4/3}}@media (width<=480px){.gallery-grid{grid-template-columns:1fr}.gg-feat{grid-column:span 1}}.lightbox{z-index:9999;backdrop-filter:blur(12px);background:#050608fa;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.active{display:flex}.lightbox-img{object-fit:contain;max-width:90vw;max-height:88vh;box-shadow:0 0 60px rgba(var(--g-primary-rgb),.15);animation:.3s lbIn}@keyframes lbIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox-close{border:1px solid var(--g-border);color:var(--g-primary);cursor:pointer;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);background:#ffffff0a;justify-content:center;align-items:center;width:40px;height:40px;font-family:Rajdhani,sans-serif;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:rgba(var(--g-primary-rgb),.15);box-shadow:var(--g-glow)}.lightbox-nav{border:1px solid var(--g-border);color:var(--g-primary);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:rgba(var(--g-primary-rgb),.1);box-shadow:var(--g-glow)}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-counter{letter-spacing:4px;color:var(--g-text-md);text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:.65rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.rsvp-section{background:var(--g-bg);border-top:1px solid var(--g-border)}.rsvp-inner{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.rsvp-left h2{text-transform:uppercase;color:#fff;letter-spacing:-1px;margin-bottom:1.5rem;font-family:"Exo 2",sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:.95}.rsvp-left h2 span{color:var(--g-primary);text-shadow:var(--g-glow);display:block}.rsvp-left p{color:var(--g-text-md);font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.9}.rsvp-left p strong{color:var(--g-text)}.rsvp-slots{align-items:center;gap:.8rem;margin:1.5rem 0;display:flex}.slots-label{letter-spacing:3px;text-transform:uppercase;color:var(--g-text-md);font-family:Rajdhani,sans-serif;font-size:.6rem}.slots-bar{gap:3px;display:flex}.slot{background:rgba(var(--g-primary-rgb),.2);width:16px;height:6px;transition:background .3s}.slot.filled{background:var(--g-primary);box-shadow:var(--g-glow)}.rsvp-form{background:var(--g-bg3);border:1px solid var(--g-border);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:2.5rem 2rem;position:relative;overflow:hidden}.rsvp-form:before{content:"";background:linear-gradient(to right, var(--g-primary), var(--g-secondary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.rsvp-form-header{letter-spacing:5px;text-transform:uppercase;color:var(--g-primary);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-family:Rajdhani,sans-serif;font-size:.6rem;font-weight:700;display:flex}.rsvp-form-header:after{content:"";background:linear-gradient(to right, rgba(var(--g-primary-rgb),.3), transparent);flex:1;height:1px}.form-group{margin-bottom:1.2rem}.form-group label{letter-spacing:4px;text-transform:uppercase;color:var(--g-primary);margin-bottom:.4rem;font-family:Rajdhani,sans-serif;font-size:.55rem;font-weight:700;display:block}.form-group input,.form-group select{border:1px solid var(--g-border);background:rgba(var(--g-primary-rgb),.02);width:100%;color:var(--g-text);outline:none;padding:.8rem 1rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;transition:all .2s}.form-group select option{background:var(--g-bg3)}.form-group input:focus,.form-group select:focus{border-color:rgba(var(--g-primary-rgb),.5);background:rgba(var(--g-primary-rgb),.04);box-shadow:0 0 0 2px rgba(var(--g-primary-rgb),.08)}.form-group input::placeholder{color:#ffffff26;font-family:Rajdhani,sans-serif}.submit-btn{background:var(--g-primary);width:100%;color:var(--g-bg);letter-spacing:5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:var(--g-glow);border:none;margin-top:.5rem;padding:1rem;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.submit-btn:hover{box-shadow:0 0 35px rgba(var(--g-primary-rgb),.5);transform:translateY(-2px)}@media (width<=768px){.rsvp-inner{grid-template-columns:1fr;gap:2.5rem}.rsvp-form,.submit-btn{clip-path:none}}.footer{background:var(--g-bg2);border-top:1px solid var(--g-border);padding:5rem 6% 3rem;position:relative;overflow:hidden}.footer:before{content:"";background-image:linear-gradient(rgba(var(--g-primary-rgb),.02) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--g-primary-rgb),.02) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0}.footer-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex;position:relative}.footer-gg{text-transform:uppercase;letter-spacing:-2px;color:#0000;-webkit-text-stroke:1px rgba(var(--g-primary-rgb),.2);user-select:none;font-family:"Exo 2",sans-serif;font-size:clamp(5rem,14vw,11rem);font-weight:800;line-height:.85;display:block}.footer-name{text-transform:uppercase;color:#fff;letter-spacing:-1px;text-shadow:var(--g-glow);font-family:"Exo 2",sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1;display:block}.footer-name span{color:var(--g-primary);display:block}.footer-right{text-align:right}.footer-right p{color:var(--g-text-md);font-family:Rajdhani,sans-serif;font-size:.9rem;line-height:2}.powered{z-index:1;border-top:1px solid var(--g-border);color:var(--g-text-md);letter-spacing:1px;margin-top:3rem;padding-top:2rem;font-family:Rajdhani,sans-serif;font-size:.72rem;position:relative}.powered a{color:var(--g-primary);text-decoration:none}