/* style for v8.6 */
html,body{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:#000;}
body{
  background-image: url('bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.overlay{
  width:92%;
  max-width:620px;
  background:rgba(0,0,0,0.5);
  padding:28px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,0.6);
}
h1{margin:0; font-size:2.1rem; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;}
.emoji{font-size:1.8rem; color: #ff6a00;} /* rocket static color */
.rgb-text{
  font-weight:800;
  font-size:2.1rem;
  background: linear-gradient(90deg, #00cc66, #00aaff, #3366ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 300%;
  animation: rgbmove 6s linear infinite;
}
@keyframes rgbmove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.lead{margin-top:12px;margin-bottom:20px;font-size:1rem;color:#e6e6e6;}
.buttons{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;margin-bottom:18px;}
.btn{display:inline-block;padding:14px 28px;border-radius:30px;background:linear-gradient(90deg,#ff77ff,#77aaff);color:#fff;font-weight:700;text-decoration:none;min-width:220px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,0.35);}
.socials{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:6px;margin-bottom:10px;}
.logo{width:44px;height:44px;object-fit:contain;border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,0.35);background:rgba(255,255,255,0.03);}
.note{margin-top:12px;color:#ddd;font-size:1rem;}
.support{margin-top:6px;color:#cfcfcf;font-size:0.95rem;font-style:italic;}
@media (max-width:420px){ .rgb-text{font-size:1.4rem;} h1{font-size:1.4rem;} .btn{min-width:180px;padding:12px 20px;} .overlay{padding:18px;} }