*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0;height:100svh;width:100vw;overflow:hidden;display:flex;flex-direction:column;font-family:'Fredoka',sans-serif;background-color:#ffd600;background-image:radial-gradient(#fa0 15%,transparent 16%),radial-gradient(#fa0 15%,transparent 16%);background-size:60px 60px;background-position:0 0,30px 30px;color:#111}header{padding:20px;display:flex;justify-content:center;z-index:2}header img{height:clamp(40px,8vw,70px);object-fit:contain}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;z-index:2}h1{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;text-transform:uppercase;margin-bottom:15px;text-shadow:4px 4px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;line-height:1.1;letter-spacing:-1px}p{font-size:clamp(1rem,2vw,1.4rem);font-weight:400;max-width:750px;margin-bottom:45px;line-height:1.5;background:rgba(255,255,255,.95);padding:20px 30px;border-radius:16px;border:3px solid #111;box-shadow:6px 6px 0 #111}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:320px;padding:clamp(18px,2vw,22px) clamp(30px,4vw,50px);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;color:#fff;background-color:#f33;text-decoration:none;border:4px solid #111;border-radius:50px;text-transform:uppercase;cursor:pointer;box-shadow:8px 8px 0 #111;transition:box-shadow .2s,background-color .2s;will-change:transform;user-select:none}.cta:hover{box-shadow:12px 12px 0 #111;background-color:#ff1a1a}.cta:active{box-shadow:0 0 0 #111;transform:translate(8px,8px)!important}.cta:focus-visible{outline:4px dashed #111;outline-offset:6px}footer{padding:20px;text-align:center;font-size:1rem;font-weight:700;background:#111;color:#fff;z-index:2}footer a{color:#ffd600;text-decoration:none;margin:0 15px}footer a:hover{text-decoration:underline}@media(max-width:480px){h1{text-shadow:3px 3px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}p{padding:15px;box-shadow:4px 4px 0 #111}.cta{min-width:auto;box-shadow:6px 6px 0 #111}.cta:hover{box-shadow:8px 8px 0 #111}}