*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:'Fredoka',sans-serif;background:radial-gradient(circle at center,#56ccf2 0,#2f80ed 100%);color:#fff}body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.pill{position:absolute;top:20px;left:20px;background:rgba(0,0,0,0.6);padding:8px 16px;border-radius:20px;font-size:clamp(12px,2vw,14px);font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.1);z-index:10}.dot{width:12px;height:12px;background:#2ecc71;border-radius:50%;box-shadow:0 0 8px #2ecc71;animation:b 1.2s infinite}@keyframes b{0%,100%{opacity:.3}50%{opacity:1}}main{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:900px;z-index:1}.logo{width:clamp(180px,35vw,320px);height:auto;margin-bottom:2vh;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.4))}h1{font-size:clamp(2.2rem,6vw,4.5rem);margin:0 0 1vh;text-transform:uppercase;color:#ffd700;text-shadow:4px 4px 0 #d35400,0 8px 20px rgba(0,0,0,0.5);letter-spacing:1px;line-height:1.1}.st{font-size:clamp(1.2rem,3.5vw,2.2rem);min-height:1.5em;margin-bottom:2vh;font-weight:700;color:#fff;transition:text-shadow .5s ease}.g{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.5),0 0 30px rgba(255,215,0,.3)}p{font-size:clamp(1rem,2.5vw,1.4rem);line-height:1.5;margin-bottom:4vh;text-shadow:1px 1px 3px rgba(0,0,0,0.6);max-width:90%}.cta{display:inline-block;background:linear-gradient(to bottom,#ffd700,#f39c12);color:#4a235a;text-decoration:none;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;padding:18px 45px;border-radius:50px;text-transform:uppercase;border:4px solid #fff;box-shadow:0 8px 0 #d35400,0 15px 25px rgba(0,0,0,0.5);transition:transform .1s,box-shadow .1s;cursor:pointer}.cta:hover{transform:translateY(2px);box-shadow:0 6px 0 #d35400,0 10px 15px rgba(0,0,0,0.5)}.cta:active{transform:translateY(8px);box-shadow:0 0 0 #d35400,0 5px 10px rgba(0,0,0,0.5)}.cta:focus{outline:3px dashed #fff;outline-offset:5px}footer{position:absolute;bottom:2vh;font-size:1rem;opacity:.8;font-weight:700;z-index:10}