*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;overflow:hidden;font-family:'Fredoka',sans-serif;background:radial-gradient(circle at center,#4752c4 0,#1e2251 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sunburst{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(rgba(255,255,255,.03) 0 15deg,transparent 15deg 30deg);animation:sb 90s linear infinite;z-index:0;pointer-events:none}@keyframes sb{100%{transform:rotate(360deg)}}.clouds{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.cloud{position:absolute;top:var(--y);left:-20%;width:120px;height:40px;background:rgba(255,255,255,.15);border-radius:50px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.05);opacity:var(--o);transform:scale(var(--s));animation:drift var(--d) linear infinite}.cloud::before,.cloud::after{content:'';position:absolute;background:inherit;border-radius:50%;box-shadow:inherit}.cloud::before{width:50px;height:50px;top:-20px;left:15px}.cloud::after{width:70px;height:70px;top:-30px;right:15px}@keyframes drift{0%{left:-20%}100%{left:120%}}main{z-index:1;background:#5865F2;padding:clamp(2rem,5vw,4rem);border-radius:2rem;box-shadow:0 12px 0 #3b44a8,0 15px 30px rgba(0,0,0,.6),inset 0 5px 0 rgba(255,255,255,.3);text-align:center;max-width:90%;width:600px;border:4px solid #fff;display:flex;flex-direction:column;gap:1.5rem}.logo{display:flex;justify-content:center}.logo img{height:clamp(40px,8vw,60px);width:auto;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;text-shadow:2px 4px 0 rgba(0,0,0,.2);line-height:1.1;margin:0}p{font-size:clamp(1rem,2.5vw,1.25rem);color:#E3E5E8;margin:0;line-height:1.4;font-weight:400}p strong{color:#fff}.cta{display:inline-block;background:#FEE75C;color:#1E1F22;text-decoration:none;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;padding:1rem 2.5rem;border-radius:2rem;box-shadow:0 6px 0 #CCB84A,0 10px 20px rgba(0,0,0,.3);transition:all .1s;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;animation:pl 2s infinite}.cta:hover{transform:translateY(2px);box-shadow:0 4px 0 #CCB84A,0 8px 15px rgba(0,0,0,.3);background:#FFF18A;animation:none}.cta:active{transform:translateY(6px);box-shadow:0 0 0 #CCB84A}.cta:focus-visible{outline:4px solid #fff;outline-offset:2px}@keyframes pl{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}footer{position:absolute;bottom:10px;width:100%;text-align:center;font-size:.75rem;color:#949BA4;z-index:1}.fp{font-family:monospace;background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;display:inline-block;word-break:break-all;max-width:90%}