body{margin:0;font-family:Inter,Arial,sans-serif;background:#fafafa;color:#111;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}
.bg:before,.bg:after{content:'';position:fixed;border-radius:50%;filter:blur(80px);background:#d9ff2f66;width:300px;height:300px}
.bg:before{left:-100px;top:-80px}.bg:after{right:-80px;bottom:-80px}
.container{text-align:center;max-width:820px;padding:40px}
.logo{font-size:42px;letter-spacing:8px}.logo span{display:block;font-size:18px;letter-spacing:10px;color:#666}
h2{font-size:72px;margin:30px 0 10px;font-weight:800}h2 span{color:#d8ff2e}
p{font-size:22px;color:#666}
.progress{height:18px;border:3px solid #222;border-radius:30px;overflow:hidden;margin:40px auto 10px;max-width:650px}
.fill{height:100%;width:72%;background:#d8ff2e;animation:load 2s ease-in-out infinite alternate}
@keyframes load{from{width:68%}to{width:74%}}
.labels{display:flex;justify-content:space-between;max-width:650px;margin:auto;color:#b4d400;font-weight:bold}
.socialbox{background:#fff;border-radius:24px;padding:25px;margin-top:40px;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.icons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.icons a{text-decoration:none;padding:14px 24px;border-radius:30px;background:#111;color:#fff}
.icons a:hover{background:#d8ff2e;color:#111}
#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:14px 28px;border-radius:30px;opacity:0;transition:.3s}
#toast.show{opacity:1}
@media(max-width:768px){h2{font-size:48px}p{font-size:18px}}


/* Mobile Improvements */
html,body{
    overflow-x:hidden;
}

@media (max-width:768px){

body{
    display:block;
    min-height:100vh;
    overflow-y:auto;
}

.container{
    max-width:100%;
    padding:40px 22px 80px;
}

.logo{
    font-size:30px;
    letter-spacing:5px;
}

h2{
    font-size:42px;
    line-height:1.15;
    margin-top:20px;
}

p{
    font-size:17px;
}

.progress{
    width:100%;
    margin-top:30px;
}

.labels{
    width:100%;
}

.socialbox{
    margin-top:30px;
    padding:22px;
}

.icons{
    flex-direction:column;
    gap:12px;
}

.icons a,
.store-btn{
    width:100%;
    max-width:320px;
    margin:auto;
}

.store-buttons{
    flex-direction:column;
    gap:12px;
}

.footer{
    padding-bottom:40px;
}
}