:root{--blue:#63b6ef;--ink:#0d62b4}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--blue);font-family:Arial,Helvetica,sans-serif}
body{user-select:none}
.stage{
  position:relative;width:100vw;height:100svh;min-height:480px;overflow:hidden;
  background:url('assets/background.png') center/100% 100% no-repeat;
}
.logo{
  position:absolute;z-index:3;left:50%;top:0%;transform:translateX(-50%);
  width:min(22vw,39svh,370px);height:auto;filter:drop-shadow(0 12px 18px rgba(29,119,209,.22));
}
.asset-button{position:absolute;z-index:4;display:block;transition:transform .16s ease,filter .16s ease;filter:drop-shadow(0 10px 12px rgba(20,99,174,.20))}
.asset-button img{display:block;width:100%;height:auto}
.asset-button:hover{transform:scale(1.045);filter:drop-shadow(0 16px 18px rgba(20,99,174,.28))}
.asset-button:active{transform:scale(.98)}
.asset-button.disabled{opacity:.52;pointer-events:none;filter:saturate(.55) drop-shadow(0 8px 10px rgba(20,99,174,.12))}
.pump{left:4.5%;top:24%;width:min(21vw,355px)}
.dex{left:5.5%;top:58%;width:min(22vw,375px)}
.telegram{right:4.5%;top:23%;width:min(21vw,355px)}
.x{right:7.5%;top:48%;width:min(18vw,305px)}
.fomo{right:5.5%;top:68%;width:min(20vw,340px)}
.ca-wrap{
  position:absolute;z-index:5;left:50%;bottom:5%;transform:translateX(-50%);
  width:min(44vw,700px);border:0;padding:0;margin:0;background:transparent;cursor:pointer;
  filter:drop-shadow(0 12px 14px rgba(20,99,174,.20));
  transition:transform .16s ease;
}
.ca-wrap:hover{transform:translateX(-50%) scale(1.018)}
.ca-wrap img{display:block;width:100%;height:auto}
.ca-cover{position:absolute;left:18%;top:41%;width:61%;height:17%;pointer-events:none}
.ca-text{position:absolute;left:19%;right:21%;top:38%;height:23%;display:block;align-content:center;color:#347fc5;font-weight:800;font-size:clamp(10px,1vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.toast{position:absolute;z-index:10;left:50%;bottom:2%;transform:translate(-50%,14px);opacity:0;padding:8px 16px;border-radius:999px;background:white;color:var(--ink);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:.2s ease;box-shadow:0 8px 18px rgba(20,99,174,.18)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.floaties{position:absolute;inset:0;pointer-events:none;z-index:1}
.blob{position:absolute;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(.2px);animation:float 5.5s ease-in-out infinite}
.b1{width:44px;height:44px;left:28%;top:20%}
.b2{width:26px;height:26px;right:30%;top:16%;animation-delay:-1.6s}
.b3{width:34px;height:34px;left:37%;bottom:14%;animation-delay:-3s}
.b4{width:20px;height:20px;right:37%;bottom:18%;animation-delay:-4.2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(max-width:900px){
 html,body{overflow:auto;min-height:100%}
 .stage{height:max(100svh,760px);min-height:760px;background-size:auto min(65svh,110vw);background-position:center 120px;background-color:var(--blue)}
 .logo{top:0;width:min(52vw,270px)}
 .pump,.dex,.telegram,.fomo{width:43%;max-width:300px}
 .pump{left:4%;top:61%}.telegram{right:4%;top:61%}
 .dex{left:4%;top:70%}.fomo{right:4%;top:70%}
 .x{right:37%;top:79%;width:26%;max-width:170px}
 .ca-wrap{width:94%;max-width:660px;bottom:0%}
 .ca-text{font-size:clamp(10px,2vw,14px)}
}
@media(prefers-reduced-motion:reduce){.blob{animation:none}.asset-button,.ca-wrap{transition:none}}