img{max-width:100%;height:unset;}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.flex-column{flex-direction:column;}
.shrink-0{flex-shrink:0;}
.align-items-center{align-items:center;}
.align-items-end{align-items:flex-end;}
.justify-content-center{justify-content:center;}
.justify-content-start{justify-content:flex-start;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.mainfont{font-family:"MuseoModerno",system-ui;}
main{background:#000;}
.shipbody{position:relative;z-index:4;top:0;pointer-events:none;width: 100%;}
.redstars{position:absolute;z-index:3;top:0;left:0;mix-blend-mode:color;width:100%;height:100%;object-fit:cover;pointer-events:none;}
canvas{background-color:#000;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:0;}
.top{background:#000;position:relative;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.top .box{position:absolute;width:100%;top:0;left:0;z-index:5;transform:translateY(70%);}
.top h1{color:#fff;font-size:5rem;font-family:"MuseoModerno",system-ui;text-shadow:0 0 0.05em #fff,0 0 0.2em #fe056d,0 0 0.3em #fe0550;transform:rotate(-7deg) skew(-14deg);filter:drop-shadow(0px 0px 15px #fe052f);animation-name:glow;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;}
.top h1 span{text-indent: -9999px;display: inline-block;display: none;}
.top p{color:#fff;font-size:1.8rem;transform:rotate(-7deg) skew(-14deg);}
@keyframes glow{from{text-shadow:0px 0px 5px #fe0505,0px 0px 5px #05fee9;}
to{text-shadow:0px 0px 20px #fe0505,0px 0px 20px #05fee9;}
}
.content{position:relative;background:url(../images/backbg.jpg) top center repeat-y;background-size:cover;}
.content .container{z-index:2;position:relative;}
.smtitle{color:#fff;font-size:4rem;font-family:"MuseoModerno",system-ui;text-shadow:0 0 0.05em #fff,0 0 0.2em #fe056d,0 0 0.3em #fe0550;}
.content h3,.content p{color:#fff;}
.content h3{font-size:3rem;}
.content p{font-size:1.5rem;}
.pricing{color:#fff;border:4px solid #fff;background:#000;padding:1rem;border-radius:1rem;box-shadow:0 0px 26px #fe0550,inset 0 0px 20px #fe0550;text-align:center;}
.pricing .title small{font-family:"Montserrat",system-ui;font-size:0.9rem;color:#fff;font-weight:500;display:block;}
.pricing .title{font-family:"MuseoModerno",system-ui;font-size:1.85rem;font-weight:900;}
.pricing span.red{display:block;color:#fe0550;font-weight:600;}
.pricing strong.redspec{color:#fe0550;}
.pricing strong{font-weight:900;}
.pricing a{padding:.75rem 3rem;width:100%;display:inline-block;border:2px solid #fff;border-radius:8px;margin-top:1rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:2px;background-color:#000;transition:.3s;animation-name:glowbox;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;background:#fe0550;}
.pricing a small{display:block;font-size:0.7rem;}
.pricing a:hover{color:#fff;background:#fe053b;border-color:#fe0505;}
@keyframes glowbox{from{box-shadow:0px 0px 5px #fe056d,inset 0px 0px 5px #fe0505;}
to{box-shadow:0px 0px 20px #fe056d,inset 0px 0px 20px #fe0505;}
}
.priceblock{border:2px solid #fff;border-radius:8px;box-shadow:0 0px 26px #fe0550,inset 0 0px 20px #fe0550;margin:1rem 0;text-align:center;padding: 1rem 0;}
.priceblock .spaceoffer{display:block;color:#fe0550;margin:1rem auto .5rem;font-size:18px;background:#fe0550;width:max-content;color:#fff;padding:5px;border-radius:4px;}
.priceblock .price{font-size:2.1rem;font-weight:900;}
.priceblock .price del{font-size:1.5rem;opacity:.8;display:block;}
.priceblock .price .period{font-size:1rem;opacity:.8;}
.priceblock small{display:block;margin:0 0 1rem;}
.cta p{font-size:1.1rem;}
.cta a,.code{padding:.75rem 3rem;display:inline-block;border:2px solid #fff;border-radius:8px;margin-top:1rem;color:#fff;font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:2px;background-color:#000;transition:.3s;animation-name:glowbox;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;}
.cta a:hover{background:#fe053b;border-color:#fe0505;color:#fff;}
.stickbar{position:sticky;top:133px;z-index:30;padding:0.5rem;text-align:center;color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#00000025;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.stickbar i{font-size:2rem;vertical-align:middle;font-weight:900;}
.stickbar .titlesm{font-size:1.3rem;font-weight:900;margin-right:10px;color:#fe0550;}
.bigpoint{font-size:2rem;font-weight:900;vertical-align:sub;color:#fe0550;}
.code{padding:.3rem .7rem;border-radius:.3rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.3);display:inline-block;margin:4px 0 4px 3px;font-size:1rem;}
.moredetail{color: #fff!important;font-weight: 500;font-size: 1.4rem;display: inline-block;transition: .3s;}
.moredetail:hover{transform: scale(1.1);}
.moredetail strong{color: #fe0550;}
.clawsup{position:absolute;top:0;left:0;background:#fff;left:50%;transform:translate(-50%,-60%);padding:.2rem .8rem;width:100%;border-radius:21rem;max-width:200px;}
.lobster-icon{width:100px;height:100px;margin:0 auto 24px;animation:float 4s ease-in-out infinite;cursor:pointer;transition:transform .3s ease;}
.lobster-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(255,77,77,.4));transition:filter .3s ease;animation-name:glow;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;}
.lobster-icon:hover svg{filter:drop-shadow(0 0 30px rgba(0,229,204,.6))}
.lobster-icon .eye-glow{animation:blink 3s ease-in-out infinite}
.lobster-icon .antenna{animation:wiggle 2s ease-in-out infinite;transform-origin:center}
.lobster-icon .claw-left{animation:clawSnap 4s ease-in-out infinite;transform-origin:right center}
.lobster-icon .claw-right{animation:clawSnap 4s ease-in-out infinite .2s;transform-origin:left center}
@keyframes float{0%,to{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
@keyframes blink{0%,90%,to{opacity:1}
95%{opacity:.3}
}
@keyframes wiggle{0%,to{transform:rotate(0)}
25%{transform:rotate(-3deg)}
75%{transform:rotate(3deg)}
}
@keyframes clawSnap{0%,85%,to{transform:rotate(0)}
90%{transform:rotate(-8deg)}
95%{transform:rotate(0)}
}
.title[data-astro-cid-j7pv25f6]{font-family:var(--font-display);font-size:clamp(3rem,10vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:12px}



@media(max-width:992px){.stickbar{padding:0.5rem 1rem;}
.codebox{display:block;}
.stickbar{top:101px;}
.stickbar{top:90px;}
.stickbar .titlesm{font-size:1.1rem;}
}
@media(max-width:768px){.registernow{display:block;}
.registernow i{display:none;}
}
@media(max-width:1299px){.top .box{transform:translateY(30%)}
}
@media(max-width:992px){.top h1{font-size:3rem;}
.top p{font-size:1rem;}
.top .box{transform:translateY(30%)}
}
@media(max-width:768px){.top .box{transform:translateY(0%)}
.content{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;margin: 5rem 0 0;}
.lobster-icon{margin:  4rem auto 0rem;width: 80px;height: 80px; }
.top h1 img{max-width: 220px;}
}
@media(max-width:414px){.top h1{font-size:2rem;}
.smtitle{font-size:2.5rem;}
.content h3{font-size:2rem;}
.content p{font-size:1.5rem;}
}
