,::before,::after{box-sizing:border-box;margin:0;padding:0}body{height:100vh;width:100vw;overflow:hidden;font-family:'Fredoka',sans-serif;background:radial-gradient(circle at top,#00b4db,#000046);display:flex;flex-direction:column;align-items:center;color:#fff}#ping{position:absolute;top:1.5rem;right:1.5rem;background:rgba(0,0,0,.6);color:#0f0;padding:.5rem 1rem;border-radius:16px;font-family:monospace;font-size:clamp(12px,2vw,16px);font-weight:700;border:2px solid #0f0;box-shadow:0 0 10px rgba(0,255,0,.4);z-index:10;user-select:none;display:flex;align-items:center;gap:6px}#ping::before{content:"";display:block;width:8px;height:8px;background:#0f0;border-radius:50%;box-shadow:0 0 5px #0f0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:1.5rem;perspective:1000px}.card{background:rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:4px solid rgba(255,255,255,.2);border-radius:32px;padding:3.5rem 2.5rem;text-align:center;max-width:550px;width:100%;box-shadow:0 30px 60px rgba(0,0,0,.5),inset 0 0 30px rgba(255,255,255,.1);transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;margin-bottom:1.2rem;text-shadow:0 4px 0 #005c97,0 8px 15px rgba(0,0,0,.4);transform:translateZ(50px);line-height:1.1}p{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:2.5rem;line-height:1.6;text-shadow:0 2px 5px rgba(0,0,0,.6);transform:translateZ(30px)}.img-wrap{transform:translateZ(60px);margin-bottom:1.5rem;display:inline-block}.img-wrap img{width:160px;height:auto;filter:drop-shadow(0 15px 15px rgba(0,0,0,.4))}.cta-btn{display:inline-block;background:linear-gradient(to bottom,#ffd700,#ff8c00);color:#000;text-decoration:none;font-weight:700;font-size:clamp(1.2rem,4vw,1.6rem);padding:1.2rem 3rem;border-radius:50px;border:4px solid #fff;box-shadow:0 10px 0 #b8860b,0 20px 25px rgba(0,0,0,.5);text-transform:uppercase;transform:translateZ(70px);transition:all .1s;letter-spacing:1.5px;outline:none}.cta-btn:focus,.cta-btn:hover{background:linear-gradient(to bottom,#ffe033,#ffa500);cursor:pointer}.cta-btn:active{transform:translateZ(70px) translateY(8px);box-shadow:0 2px 0 #b8860b,0 5px 10px rgba(0,0,0,.5)}footer{padding:1.5rem;text-align:center;font-size:.9rem;color:rgba(255,255,255,.5);z-index:10;font-weight:400}@media(max-width:480px){.card{padding:2.5rem 1.5rem;border-width:3px}.img-wrap img{width:120px}#ping{top:1rem;right:1rem}}