#rocket-hero{position:relative;overflow:hidden}.rocket-stage{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.rocket-stage:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;opacity:0;pointer-events:none;z-index:0;transition:opacity 1.2s ease;background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(1px 1px at 30% 45%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1px 1px at 55% 20%,rgba(255,255,255,.85) 50%,transparent 100%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 85% 35%,rgba(255,255,255,.75) 50%,transparent 100%),radial-gradient(1px 1px at 45% 80%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 20% 70%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 90%,rgba(255,255,255,.25) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 10%,rgba(255,255,255,.35) 50%,transparent 100%);background-size:40px 40px,40px 40px,40px 40px,40px 40px,40px 40px,40px 40px,64px 64px,64px 64px,64px 64px;background-color:#0307128c;animation:starfield-drift 90s linear infinite}.rocket-stage.is-stars:before{opacity:1}@keyframes starfield-drift{0%{transform:translate(0)}to{transform:translate(-40px,-40px)}}.rocket-countdown{position:relative;z-index:10;font-size:8rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:#fef2f2;text-shadow:0 0 20px rgba(239,68,68,.3),0 0 60px rgba(239,68,68,.15);opacity:0;transform:scale(2.5);transition:none;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.rocket-countdown.is-active{animation:countdown-pulse .7s cubic-bezier(.16,1,.3,1) forwards}.rocket-countdown.is-launch{font-size:5rem;background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(249,115,22,.5)) drop-shadow(0 0 80px rgba(239,68,68,.25))}@keyframes countdown-pulse{0%{opacity:0;transform:scale(2.5);filter:blur(8px)}40%{opacity:1;filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.rocket-stage.is-shaking{animation:screen-shake .08s infinite alternate}@keyframes screen-shake{0%{transform:translate(0)}10%{transform:translate(-6px,3px)}20%{transform:translate(4px,-6px)}30%{transform:translate(-3px,6px)}40%{transform:translate(6px,-2px)}50%{transform:translate(-5px,-4px)}60%{transform:translate(6px,5px)}70%{transform:translate(-4px,-6px)}80%{transform:translate(3px,6px)}90%{transform:translate(-6px,-3px)}to{transform:translate(5px,4px)}}.rocket-emoji{position:relative;z-index:10;font-size:5rem;transition:transform 1.4s cubic-bezier(.25,.46,.45,.94);filter:drop-shadow(0 0 12px rgba(249,115,22,.4));will-change:transform}.rocket-emoji.is-launched{transform:translateY(-160vh) rotate(-8deg);transition:transform 1.8s cubic-bezier(.55,0,1,.45)}.rocket-trail{position:absolute;z-index:5;width:28px;height:0;left:50%;bottom:0;transform:translate(-50%);background:linear-gradient(to top,transparent 0%,rgba(239,68,68,.7) 10%,rgba(249,115,22,.9) 30%,rgba(250,204,21,.95) 55%,rgba(249,115,22,.8) 75%,rgba(239,68,68,.5) 90%,transparent 100%);border-radius:50% 50% 4px 4px;filter:blur(8px);opacity:0;transition:height .6s ease,opacity .4s ease;pointer-events:none}.rocket-trail.is-active{height:280px;opacity:1;animation:trail-flicker .12s infinite alternate}@keyframes trail-flicker{0%{filter:blur(8px) brightness(1);width:28px}50%{filter:blur(10px) brightness(1.2);width:32px}to{filter:blur(7px) brightness(.95);width:26px}}.rocket-metrics{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:640px;margin-top:2.5rem}.rocket-metric{--metric-color: #e2e8f0;background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.1);border-left:4px solid var(--metric-color);border-radius:12px;padding:1.25rem 1rem;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 4px 16px #00000026,0 12px 40px #00000014}.rocket-metric.is-visible{opacity:1;transform:translateY(0)}.rocket-metric:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003,0 16px 56px #0000001f}.rocket-metric-value{font-size:2rem;font-weight:800;line-height:1.2;color:#f1f5f9;letter-spacing:-.02em}.rocket-metric-value.text-orange{color:#f97316}.rocket-metric-value.text-red{color:#ef4444}.rocket-metric-value.text-emerald{color:#10b981}.rocket-metric:has(.rocket-metric-value.text-orange){--metric-color: #f97316;border-left:4px solid #f97316;box-shadow:0 4px 16px #f9731626,0 12px 40px #f9731614}.rocket-metric:has(.rocket-metric-value.text-orange):hover{box-shadow:0 8px 24px #f9731640,0 16px 56px #f973161f}.rocket-metric:has(.rocket-metric-value.text-red){--metric-color: #ef4444;border-left:4px solid #ef4444;box-shadow:0 4px 16px #ef444426,0 12px 40px #ef444414}.rocket-metric:has(.rocket-metric-value.text-red):hover{box-shadow:0 8px 24px #ef444440,0 16px 56px #ef44441f}.rocket-metric:has(.rocket-metric-value.text-emerald){--metric-color: #10b981;border-left:4px solid #10b981;box-shadow:0 4px 16px #10b98126,0 12px 40px #10b98114}.rocket-metric:has(.rocket-metric-value.text-emerald):hover{box-shadow:0 8px 24px #10b98140,0 16px 56px #10b9811f}.rocket-metric-label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-top:.35rem}.rocket-tagline{position:relative;z-index:10;margin-top:2rem;font-size:1.125rem;font-weight:500;color:#cbd5e1;opacity:0;transform:translateY(16px);transition:opacity .6s ease .2s,transform .6s ease .2s}.rocket-tagline.is-visible{opacity:1;transform:translateY(0)}.launch-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50;pointer-events:none;animation:launch-glow .5s ease-out forwards}@keyframes launch-glow{0%{opacity:.8}to{opacity:0}}@keyframes fire-particles{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:.6}to{opacity:0;transform:translateY(-120px) scale(.2)}}.rocket-spark{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:15;will-change:transform,opacity;animation:spark-fly var(--spark-duration, .8s) cubic-bezier(.25,0,.5,1) forwards}@keyframes spark-fly{0%{opacity:1;transform:translate(0) scale(1)}30%{opacity:.9}to{opacity:0;transform:translate(var(--spark-x, 40px),var(--spark-y, -100px)) scale(0)}}@media(max-width:768px){.rocket-countdown{font-size:6rem}.rocket-countdown.is-launch{font-size:3.5rem}.rocket-metrics{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:480px}.rocket-metric{padding:1rem .75rem}.rocket-metric-value{font-size:1.5rem}.rocket-emoji{font-size:4rem}.rocket-tagline{font-size:1rem}}@media(max-width:480px){.rocket-countdown{font-size:4.5rem}.rocket-countdown.is-launch{font-size:2.5rem}.rocket-stage{min-height:400px}.rocket-metrics{grid-template-columns:1fr;gap:.75rem;max-width:320px}.rocket-metric{padding:.875rem .75rem;flex-direction:row;display:flex;align-items:center;gap:.75rem;text-align:left}.rocket-metric-value{font-size:1.35rem}.rocket-metric-label{margin-top:0}.rocket-emoji{font-size:3.5rem}.rocket-tagline{font-size:.875rem}.rocket-trail.is-active{height:160px;width:20px}}@media(prefers-reduced-motion:reduce){.rocket-countdown.is-active{animation:none;opacity:1;transform:scale(1)}.rocket-stage.is-shaking,.rocket-trail.is-active{animation:none}.rocket-emoji.is-launched{transition-duration:.01s}.launch-flash-overlay{animation:none;opacity:0}.rocket-spark{animation:none;display:none}.rocket-stage:before{animation:none}.rocket-metric{transition:opacity .3s ease,transform .3s ease}.rocket-metric:hover{transform:none}.rocket-tagline{transition:opacity .3s ease}}
