*{box-sizing:border-box;margin:0;padding:0}.snap-wrapper{background:linear-gradient(135deg,red,#c00);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.card{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:380px;padding:40px 30px;animation:.8s fadeUp;box-shadow:0 30px 60px #00000026}.logo{color:#000;margin-bottom:16px;font-size:56px;animation:1.8s infinite bounce}.loader{border:6px solid #eee;border-top-color:#000;border-radius:50%;width:60px;height:60px;margin:20px auto;animation:1s linear infinite spin}h1{color:#000;margin-top:10px;font-size:22px;font-weight:700}p{color:#555;margin-top:8px;font-size:15px}.counter{color:#000;margin-top:16px;font-size:42px;font-weight:800;animation:1s infinite pulse}.small-text{color:#888;margin-top:18px;font-size:12px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.card{max-width:420px;padding:50px 40px}}@media (min-width:1200px){.card{max-width:460px}}.continue-btn{color:#fff;background:#000;border-radius:14px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:24px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.continue-btn:hover{background:#111;transform:translateY(-1px);box-shadow:0 10px 20px #0003}.continue-btn:active{transform:scale(.98)}