:root{--c:#0ff;--c2:#00d7ff;--m:#f0f;--y:#ff0;--blk:#000;--w:#fff}*{box-sizing:border-box;paint-order:stroke fill}body{margin:0;padding:0;height:100vh;overflow:hidden;font-family:'Montserrat',sans-serif;background:repeating-conic-gradient(from 0deg,var(--c) 0deg 15deg,var(--c2) 15deg 30deg);display:flex;flex-direction:column;color:var(--w)}#b{background:var(--m);color:var(--w);text-align:center;font-weight:900;padding:clamp(8px,2vh,15px);font-size:clamp(1.1rem,3vw,2rem);border-bottom:clamp(3px,0.5vh,6px) solid var(--blk);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 var(--blk);-webkit-text-stroke:1px var(--blk);z-index:10}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;z-index:1;overflow:hidden}.logo{max-width:clamp(140px,25vw,300px);max-height:15vh;width:auto;height:auto;margin-bottom:2vh;filter:drop-shadow(3px 3px 0 var(--blk))}h1{font-size:clamp(2.2rem,7vw,7rem);margin:0 0 1.5vh;text-transform:uppercase;line-height:1;font-weight:900;color:var(--w);-webkit-text-stroke:clamp(1px,0.4vw,3px) var(--blk);text-shadow:clamp(3px,0.8vw,8px) clamp(3px,0.8vw,8px) 0 var(--blk);transform:rotate(-2deg)}p.desc{font-size:clamp(1rem,3vw,2rem);max-width:900px;margin:0 0 3vh;font-weight:900;line-height:1.2;color:var(--w);-webkit-text-stroke:clamp(0.5px,0.2vw,1.5px) var(--blk);text-shadow:clamp(1px,0.3vw,3px) clamp(1px,0.3vw,3px) 0 var(--blk);transform:rotate(1deg)}.cta{background:var(--y);color:var(--blk);padding:clamp(12px,2.5vh,25px) clamp(25px,5vw,60px);border-radius:100px;font-size:clamp(1.5rem,4.5vw,3.5rem);font-weight:900;text-transform:uppercase;text-decoration:none;border:clamp(3px,0.5vw,6px) solid var(--blk);box-shadow:clamp(4px,0.8vw,10px) clamp(4px,0.8vw,10px) 0 var(--blk);transition:all .1s;display:inline-flex;align-items:center;justify-content:center;gap:15px;animation:p 1.5s infinite;transform-origin:center;max-width:100%}.cta:hover{transform:scale(1.05) rotate(-2deg);box-shadow:clamp(6px,1.2vw,15px) clamp(6px,1.2vw,15px) 0 var(--blk);animation:none;outline:none}.cta:focus{outline:4px dashed var(--m);outline-offset:4px}.cta:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--blk)}.cta svg{width:clamp(24px,5vw,50px);height:clamp(24px,5vw,50px);stroke-width:3.5}.cta:hover .sh{transform:translateY(-5px);stroke:var(--m)}.sh{transition:all .2s cubic-bezier(0.68,-0.55,0.26,1.55)}@keyframes p{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.03) rotate(1deg)}}footer{padding:clamp(5px,1.5vh,15px);text-align:center;font-weight:900;font-size:clamp(0.7rem,1.5vw,1rem);color:var(--w);-webkit-text-stroke:1px var(--blk);text-shadow:1px 1px 0 var(--blk);z-index:10}@media(max-width:480px){h1{transform:rotate(0)}p.desc{transform:rotate(0)}.cta{width:100%;padding:15px 10px;font-size:1.8rem;flex-direction:row}body{background:repeating-conic-gradient(from 0deg,var(--c) 0deg 30deg,var(--c2) 30deg 60deg)}}