*{margin:0;padding:0;box-sizing:border-box}.splash-overlay{position:fixed;inset:0;z-index:9999}.plan-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#ffe3e0 0,transparent 55%),radial-gradient(circle at 70% 80%,#ffd7d2 0,transparent 55%),#f4f5f7;padding:24px;overflow:auto}.plan-card{position:relative;width:min(380px,92vw);height:min(660px,88dvh);max-height:660px;background:linear-gradient(160deg,#ff2b21,red 55%,#d60000);border-radius:45px;padding:22px;box-shadow:0 25px 60px rgba(214,0,0,.35),0 10px 22px rgba(0,0,0,.2);animation:cardPop .8s cubic-bezier(.34,1.56,.64,1) both}.plan-card:after{content:"";position:absolute;inset:0;border-radius:45px;background:linear-gradient(120deg,transparent 30%,hsla(0,0%,100%,.25) 48%,transparent 66%);background-size:250% 250%;animation:sheen 3.2s ease-in-out .9s infinite;pointer-events:none;z-index:2}@keyframes cardPop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes sheen{0%{background-position:200% 0}60%,to{background-position:-80% 0}}.plan-card:before{content:"";position:absolute;inset:22px;background:radial-gradient(circle at 50% 30%,#fff 0,#fbfbfb 70%,#f3f3f3 100%);border-radius:30px;z-index:0;box-shadow:inset 0 2px 10px rgba(0,0,0,.06)}.plan-inner{height:100%;justify-content:space-between;padding:clamp(28px,6vh,56px) 20px clamp(24px,5vh,44px);text-align:center}.logo-section,.plan-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.logo-section{justify-content:center;gap:22px;flex:1 1}.logo-wrapper{position:relative;flex-direction:column;animation:fadeInUp .8s ease-out .3s both}.logo-wrapper,.pixel-logo{display:flex;align-items:center}.pixel-logo{justify-content:center;gap:8px}.grid-block{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.sq{width:20px;height:20px;display:inline-block;border-radius:3px;animation:squarePop .45s cubic-bezier(.34,1.56,.64,1) both}.sq.red{background:linear-gradient(145deg,#ff3b31,#e60000);box-shadow:0 2px 4px rgba(230,0,0,.3)}.sq.gray{background:linear-gradient(145deg,#b5b5b5,#8f8f8f)}.diamond{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3px;gap:3px;transform:rotate(45deg);animation:spinIn .9s cubic-bezier(.34,1.56,.64,1) .4s both,diamondFloat 3s ease-in-out 1.4s infinite}.d-sq{width:20px;height:20px;background:linear-gradient(145deg,#ff3b31,#d60000);border-radius:3px;box-shadow:0 2px 5px rgba(214,0,0,.35)}.bottom-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:3px;gap:3px;justify-content:center;margin:6px auto 0;width:-moz-fit-content;width:fit-content}.brand-text{display:flex;flex-direction:column;animation:fadeInUp .8s ease-out .6s both}.cft{display:flex;justify-content:center;gap:12px;color:red;font-family:Georgia,serif;font-size:clamp(38px,11vw,48px);letter-spacing:2px;line-height:1}.cft span{display:inline-block;background:linear-gradient(160deg,#ff3b31,#d60000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 8px rgba(214,0,0,.18);animation:letterDrop .55s cubic-bezier(.34,1.56,.64,1) both}.cft span:first-child{animation-delay:.7s}.cft span:nth-child(2){animation-delay:.85s}.cft span:nth-child(3){animation-delay:1s}.machineries{color:#1a1a1a;font-family:Georgia,serif;font-size:clamp(20px,6vw,26px);font-weight:500;letter-spacing:1px;margin-top:4px;animation:fadeInUp .7s ease-out 1.15s both}.website-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:2.5px solid #111;border-radius:40px;padding:12px 12px 12px 28px;width:min(300px,80%);box-shadow:0 8px 20px rgba(0,0,0,.12);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;animation:fadeInUp .8s ease-out 1.1s both}.website-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 26px rgba(255,0,0,.22)}.url{font-family:Arial,sans-serif;font-weight:700;font-size:16px;color:#111}.arrow-circle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:red;color:#fff;border-radius:50%;font-size:18px;font-weight:700;animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes squarePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes spinIn{0%{opacity:0;transform:rotate(0deg) scale(.3)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes letterDrop{0%{opacity:0;transform:translateY(-24px) scale(.8)}60%{opacity:1;transform:translateY(4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes diamondFloat{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-6px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(255,0,0,.45)}50%{box-shadow:0 0 0 10px rgba(255,0,0,0)}}@keyframes arrowSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.website-btn:hover .arrow-circle{animation:arrowSpin .6s ease}@media (max-width:420px){.plan-card{width:92vw;height:min(660px,90dvh)}.website-btn{width:82%}}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important}}