*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Outfit',sans-serif;background:#f4f4f0;color:#111;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative}.bg-shape{position:absolute;z-index:-1}.circle{border-radius:50%;background:#00f2fe;width:clamp(150px,30vw,400px);height:clamp(150px,30vw,400px);top:-10%;left:-10%;border:5px solid #111}.square{background:#ffdf00;width:clamp(100px,20vw,250px);height:clamp(100px,20vw,250px);bottom:-5%;right:-5%;transform:rotate(15deg);border:5px solid #111;box-shadow:12px 12px 0 #fe0979}.triangle{width:0;height:0;border-left:clamp(60px,12vw,180px) solid transparent;border-right:clamp(60px,12vw,180px) solid transparent;border-bottom:clamp(104px,20.8vw,312px) solid #fe0979;top:15%;right:5%;transform:rotate(-25deg);filter:drop-shadow(8px 8px 0 #00f2fe)}header{width:100%;padding:2rem;display:flex;justify-content:center;z-index:10}header img{height:50px;width:auto;filter:drop-shadow(3px 3px 0 #111)}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1.5rem;max-width:900px;z-index:10}h1{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;line-height:1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-0.04em;text-shadow:4px 4px 0 #00f2fe,-4px -4px 0 #fe0979}p{font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:2.5rem;max-width:55ch;line-height:1.4;font-weight:700;background:#f4f4f0;padding:1.5rem;border:3px solid #111;box-shadow:8px 8px 0 #ffdf00;border-radius:12px}.tooltip{border-bottom:3px dotted #fe0979;cursor:help;position:relative;color:#111}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translateX(-50%) translateY(10px);background:#111;color:#f4f4f0;padding:1rem 1.2rem;font-size:1rem;font-weight:400;border-radius:12px;width:max-content;max-width:280px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:6px 6px 0 #00f2fe;border:3px solid #111;text-align:left;z-index:20;line-height:1.3}.tooltip:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}.cta{display:inline-block;background:#111;color:#f4f4f0;text-decoration:none;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;padding:1.25rem 3.5rem;border-radius:50px;border:4px solid #111;box-shadow:8px 8px 0 #00f2fe,-8px -8px 0 #fe0979;transition:transform .15s,box-shadow .15s;text-transform:uppercase;letter-spacing:1px}.cta:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 #00f2fe,-4px -4px 0 #fe0979}.cta:focus{outline:4px dashed #fe0979;outline-offset:6px}.counter{margin-top:3rem;font-size:1.1rem;font-weight:700;background:#ffdf00;padding:.75rem 1.5rem;border-radius:8px;border:3px solid #111;transform:rotate(-3deg);box-shadow:4px 4px 0 #111}#spots{color:#fe0979;font-size:1.4em;display:inline-block;min-width:1.5ch;text-align:center;transition:transform .2s}footer{width:100%;padding:1.5rem;text-align:center;font-size:.9rem;font-weight:700;z-index:10;color:#111}footer a{color:#111;text-decoration:none;margin:0 .5rem;border-bottom:2px solid #00f2fe;transition:background .2s}footer a:hover{background:#00f2fe}