*{box-sizing:border-box;margin:0;padding:0;font-family:'Nunito',sans-serif}html,body{height:100%;overflow:hidden;background-color:#d7f5da;background-image:linear-gradient(#bce8c2 3px,transparent 3px),linear-gradient(90deg,#bce8c2 3px,transparent 3px);background-size:40px 40px;color:#1a1a1a}body{display:flex;flex-direction:column;padding:clamp(10px,2vh,20px);align-items:center}header{flex:0 0 auto;margin:clamp(10px,2vh,20px) 0 clamp(10px,3vh,30px)}header img{height:clamp(40px,8vh,70px);object-fit:contain;filter:drop-shadow(0 4px 0 #1a1a1a)}main{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:700px;padding:0 10px}.card{background:#fff;border:4px solid #1a1a1a;border-radius:clamp(20px,5vw,40px);padding:clamp(20px,4vh,50px) clamp(20px,5vw,40px);box-shadow:0 clamp(6px,1.5vh,12px) 0 #1a1a1a;text-align:center;display:flex;flex-direction:column;gap:clamp(12px,2.5vh,25px);align-items:center;width:100%}h1{font-size:clamp(1.8rem,5vw+.5rem,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-1px;text-transform:uppercase;color:#58cc02;-webkit-text-stroke:2px #1a1a1a;text-shadow:0 4px 0 #1a1a1a;margin:0}p{font-size:clamp(1rem,1.5vw+.8rem,1.25rem);font-weight:700;line-height:1.4;color:#444;margin:0;text-wrap:balance}.badges{display:flex;gap:clamp(6px,1.5vw,12px);flex-wrap:wrap;justify-content:center}.badge{background:#ffde00;border:3px solid #1a1a1a;border-radius:12px;padding:5px 12px;font-weight:700;font-size:clamp(.75rem,1.2vw+.5rem,.95rem);box-shadow:0 3px 0 #1a1a1a;text-transform:uppercase;color:#1a1a1a}.btn{display:inline-flex;background:#58cc02;color:#1a1a1a;text-decoration:none;font-size:clamp(1.2rem,3vw+.5rem,1.8rem);font-weight:700;padding:clamp(12px,3vh,20px) clamp(30px,6vw,50px);border-radius:25px;border:4px solid #1a1a1a;box-shadow:0 8px 0 #1a1a1a;text-transform:uppercase;letter-spacing:1px;transition:transform .1s,box-shadow .1s;outline:0;margin-top:clamp(5px,1vh,15px)}.btn:active,.btn:focus-visible{transform:translateY(8px);box-shadow:0 0 0 #1a1a1a}footer{flex:0 0 auto;margin-top:clamp(10px,2vh,20px);font-size:clamp(.8rem,1.5vw+.4rem,1rem);font-weight:700;color:#1a1a1a;background:#fff;padding:10px 20px;border:3px solid #1a1a1a;border-radius:20px;box-shadow:0 4px 0 #1a1a1a;display:flex;gap:15px;flex-wrap:wrap;justify-content:center}footer a{color:#1a1a1a;text-decoration:none;transition:color .2s}footer a:hover{color:#58cc02}@media(max-height:600px){h1{-webkit-text-stroke:1px #1a1a1a;text-shadow:0 2px 0 #1a1a1a}.card,.btn{border-width:3px;box-shadow:0 5px 0 #1a1a1a}.btn:active,.btn:focus-visible{transform:translateY(5px);box-shadow:0 0 0 #1a1a1a}footer{border-width:2px;box-shadow:0 3px 0 #1a1a1a;padding:8px 15px}}