:root{--y:#FFFC00;--k:#000;--w:#FFF;--p:#FF2A6D;--c:#00C6FF;--fH:'Archivo Black',sans-serif;--fB:'Work Sans',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--y);color:var(--k);font-family:var(--fB);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column;position:relative}@keyframes dr{to{stroke-dashoffset:0}}@keyframes pp{0%{opacity:0;transform:scale(0.5) rotate(0deg)}100%{opacity:1;transform:scale(1) rotate(var(--r))}}@keyframes fs{from{opacity:0;transform:scale(0.5) rotate(var(--r))}to{opacity:1;transform:scale(1) rotate(var(--r))}}@keyframes fl{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-5px) rotate(var(--r))}}@keyframes pb{0%,40%,100%{filter:drop-shadow(0 0 0 var(--y))}20%{filter:drop-shadow(0 0 12px var(--y))}}@keyframes pP{0%,30%,70%,100%{filter:drop-shadow(0 0 0 var(--p))}50%{filter:drop-shadow(0 0 10px var(--p))}}@keyframes pC{0%,50%,90%,100%{filter:drop-shadow(0 0 0 var(--c))}70%{filter:drop-shadow(0 0 10px var(--c))}}.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg::before{content:'';position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,0.7) 2px,transparent 2px);background-size:40px 40px}.s1,.s2,.s3,.s4{position:absolute;fill:none;stroke:var(--w);stroke-width:2}.s1{top:10%;left:2%;width:180px;opacity:.6;transform:rotate(-15deg)}.s2{bottom:5%;right:5%;width:220px;opacity:.5;transform:rotate(15deg)}.s3{fill:var(--k);stroke:none;top:20%;left:5%;width:35px;transform:rotate(30deg)}.s4{fill:var(--k);stroke:none;bottom:15%;left:45%;width:45px;transform:rotate(-20deg)}.fr{position:absolute;inset:.75rem;pointer-events:none;z-index:1}.fr-l{width:100%;height:100%;fill:none;stroke:var(--k);stroke-width:2px;stroke-dasharray:8000;stroke-dashoffset:8000;animation:dr .8s ease-out forwards}.f-c{position:absolute;width:24px;height:24px;fill:var(--y);stroke:var(--k);stroke-width:1.5px;z-index:2}.f-c.tl{top:-12px;left:-12px;transform:rotate(-15deg)}.f-c.tr{top:-12px;right:-12px;transform:rotate(45deg)}.f-c.bl{bottom:-12px;left:-12px;transform:rotate(15deg)}.f-c.br{bottom:-12px;right:-12px;transform:rotate(-45deg)}.wrap{position:relative;z-index:10;display:flex;flex-direction:column;flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem}header{padding-bottom:1rem}.log{height:32px;width:auto}main{flex:1;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr;gap:1.5rem;align-items:center}.h-ar{grid-column:1/3;grid-row:1;z-index:11;margin-bottom:-2rem;pointer-events:none;align-self:start;padding-top:1rem}h1{font-family:var(--fH);font-size:clamp(2.5rem,6vw,4.5rem);text-transform:uppercase;line-height:1;letter-spacing:-1px;text-shadow:3px 3px 0 var(--w),-2px -2px 0 var(--w),2px -2px 0 var(--w),-2px 2px 0 var(--w);max-width:90%}.l-co{grid-column:1;grid-row:2;z-index:12;align-self:end;padding-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem;max-width:480px}.sup{font-size:1.125rem;font-weight:600;line-height:1.4}.c-gp{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.stc{position:absolute;bottom:calc(100%+5px);right:-10px;background:var(--p);color:var(--w);border:2px solid var(--k);padding:.25rem .6rem;font-family:var(--fH);font-size:.75rem;text-transform:uppercase;--r:10deg;opacity:0;z-index:5;animation:fs .4s ease-out forwards,fl 3s ease-in-out infinite .4s}.cta{background:var(--k);color:var(--y);font-family:var(--fH);font-size:1.25rem;text-transform:uppercase;padding:1rem 2rem;border-radius:12px;text-decoration:none;position:relative;overflow:hidden;display:inline-block;transition:transform .2s;box-shadow:0 10px 20px rgba(0,0,0,0.15)}.cta::before{content:'';position:absolute;top:2px;left:2px;right:2px;height:40%;background:linear-gradient(rgba(255,255,255,0.4),transparent);border-radius:10px 10px 0 0}.cta:hover{transform:translateY(-2px)}.cta:focus-visible{outline:3px solid var(--p);outline-offset:4px}.s-ct{font-size:.875rem;font-weight:600}.r-co{grid-column:2;grid-row:1/3;position:relative;z-index:10;display:flex;justify-content:center;align-items:center}.ph-w{position:relative;width:100%;max-width:340px;perspective:1000px}.ph{width:100%;height:auto;transform:rotateY(-15deg) rotateX(5deg) rotateZ(2deg);filter:drop-shadow(-15px 25px 20px rgba(0,0,0,0.2))}.bdg{position:absolute;background:var(--w);border:2px solid var(--k);padding:.35rem .75rem;font-family:var(--fH);font-size:.85rem;text-transform:uppercase;box-shadow:2px 2px 0 var(--k);opacity:0;z-index:15;white-space:nowrap}.b1{top:12%;left:-18%;--r:-5deg;animation:pp .5s cubic-bezier(0.175,0.885,0.32,1.275) .3s forwards}.b2{top:48%;right:-22%;--r:8deg;animation:pp .5s cubic-bezier(0.175,0.885,0.32,1.275) .6s forwards}.b3{bottom:15%;left:-12%;--r:-3deg;animation:pp .5s cubic-bezier(0.175,0.885,0.32,1.275) .9s forwards}footer{text-align:center;font-size:.875rem;font-weight:700;padding-top:2rem;margin-top:auto}@media(max-width:900px){h1{font-size:clamp(2rem,5vw,3rem)}.b1{left:-10%}.b2{right:-10%}}@media(max-width:768px){.wrap{padding:1rem}main{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.h-ar{margin-bottom:-10%;z-index:20;text-align:center}h1{max-width:100%;text-shadow:2px 2px 0 var(--y),-2px -2px 0 var(--y),2px -2px 0 var(--y),-2px 2px 0 var(--y);font-size:clamp(2.2rem,8vw,3.5rem)}.r-co{width:100%;height:45vh;max-height:400px;margin-top:1rem}.ph-w{height:100%;display:flex;align-items:center;justify-content:center;max-width:280px;margin:0 auto}.ph{height:100%;object-fit:contain}.l-co{padding-bottom:1rem;align-items:center;text-align:center;z-index:13;max-width:100%}.sup{font-size:1rem}.c-gp{align-items:center}.bdg{font-size:.75rem;padding:.25rem .5rem}.b1{top:5%;left:-5%}.b2{top:45%;right:-10%}.b3{bottom:5%;left:5%}.stc{right:0;top:-25px;bottom:auto;transform:rotate(var(--r))}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}.fr-l{stroke-dashoffset:0}.bdg,.stc{opacity:1;transform:scale(1) rotate(var(--r))}}