,::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Fredoka',sans-serif;height:100vh;width:100vw;overflow:hidden;background:linear-gradient(135deg,#ffeaa7 0,#81ecec 100%);color:#2d3436;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:2vh 5vw;height:10vh}.logo{display:flex;align-items:center}.logo img{height:clamp(35px,6vh,70px);object-fit:contain}.badge{background:#fff;color:#c0392b;padding:.4rem 1rem;border-radius:50px;font-weight:700;border:3px solid #c0392b;box-shadow:3px 3px 0 #c0392b;transform:rotate(4deg);font-size:clamp(0.8rem,1.5vw,1.1rem)}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5vw}h1{font-size:clamp(2rem,5vw,4.5rem);font-weight:700;color:#0056b3;text-shadow:3px 3px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;margin-bottom:1.5vh;line-height:1.1;text-transform:uppercase;letter-spacing:1px}p{font-size:clamp(1rem,2vw,1.4rem);max-width:750px;margin-bottom:4vh;line-height:1.4;font-weight:400;color:#1e272e;background:rgba(255,255,255,0.75);padding:1rem 2rem;border-radius:20px;border:2px dashed #00825f}.btn{display:inline-block;background:#d63031;color:#fff;text-decoration:none;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;padding:2vh 6vw;border-radius:50px;border:4px solid #831d1d;box-shadow:0 8px 0 #831d1d;transition:all .1s ease;text-transform:uppercase}.btn:hover,.btn:focus{transform:translateY(4px);box-shadow:0 4px 0 #831d1d;outline:none}.btn:active{transform:translateY(8px);box-shadow:0 0 0 #831d1d}.changelog{background:#fff;border:3px solid #4834d4;border-radius:20px;padding:2vh 3vw;margin-top:5vh;box-shadow:5px 5px 0 #4834d4;max-width:550px;text-align:left;animation:float 3s ease-in-out infinite}.changelog h2{font-size:clamp(1rem,1.8vw,1.3rem);margin-bottom:1vh;color:#4834d4;text-transform:uppercase}.changelog ul{list-style:none}.changelog li{font-size:clamp(0.85rem,1.3vw,1.05rem);margin-bottom:.5vh;color:#2d3436}footer{height:8vh;display:flex;justify-content:center;align-items:center;gap:3vw;font-size:clamp(0.8rem,1.2vw,1rem);font-weight:700;color:#00825f}footer a{color:#00825f;text-decoration:none;transition:color .2s}footer a:hover{color:#0056b3;text-decoration:underline}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@media(max-width:768px){p{padding:.8rem;border:none;background:rgba(255,255,255,0.85)}.changelog{margin-top:4vh;padding:1.5vh 4vw}}