:root{
  --navy:#06163d;
  --navy-2:#0a2d70;
  --blue:#0d74e8;
  --blue-2:#23a6ff;
  --ice:#edf7ff;
  --line:#cbdceb;
  --ink:#071744;
  --muted:#72869e;
  --lime:#dcff00;
  --white:#fff;
  --shadow:0 24px 65px rgba(7,36,77,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#edf6ff;color:var(--ink)}
body{min-width:320px;overflow:hidden}
button,input{font:inherit}
button{border:0}
a{color:#0872e5;font-weight:700;text-underline-offset:3px}

.registration-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#061738 0%,#0a2b69 42%,#eaf6ff 42.1%,#f8fbff 100%)}

/* =========================================================
   FONDO / AMBIENTE
========================================================= */
.space-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.stars{position:absolute;inset:0;opacity:.55;background-repeat:repeat}
.stars-a{background-image:radial-gradient(circle,#7ebeff 1px,transparent 1.5px),radial-gradient(circle,#fff 1px,transparent 1.4px),radial-gradient(circle,var(--lime) 1px,transparent 1.5px);background-size:180px 180px,240px 240px,310px 310px;background-position:20px 22px,110px 70px,210px 30px}
.stars-b{opacity:.25;background-image:radial-gradient(circle,#74b5ff 1px,transparent 1.2px);background-size:120px 120px;background-position:54px 83px}
.glow{position:absolute;border-radius:50%;filter:blur(16px)}
.glow-a{width:540px;height:540px;right:-130px;top:-170px;background:rgba(99,181,255,.36)}
.glow-b{width:430px;height:430px;left:29%;bottom:-250px;background:rgba(220,255,0,.11)}
.orbit{position:absolute;border:1px solid rgba(111,177,255,.22);border-radius:50%}
.orbit-a{width:560px;height:180px;left:-170px;bottom:30px;transform:rotate(-18deg)}
.orbit-b{width:520px;height:220px;right:-130px;top:90px;transform:rotate(28deg)}

/* =========================================================
   ETAPAS
========================================================= */
.stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:36px;opacity:0;visibility:hidden;transform:translateY(45px) scale(.985);transition:opacity .5s ease,transform .65s cubic-bezier(.22,.8,.2,1),visibility .5s}
.stage.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:2}
.stage.is-leaving{opacity:0;transform:translateY(-130px) scale(.97);visibility:visible;pointer-events:none}

/* =========================================================
   SECCIÓN 1 · BIENVENIDA
========================================================= */
.stage-welcome{color:#fff;text-align:center}
.welcome-wrap{position:relative;width:min(980px,92vw);display:flex;flex-direction:column;align-items:center}
.mission-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;letter-spacing:1.4px;color:#c8dcf7;backdrop-filter:blur(10px)}
.mission-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}
.brand-lockup{display:flex;align-items:center;gap:15px;margin-top:34px;text-align:left}
.brand-orbit{position:relative;width:64px;height:64px;border:2px solid #fff;border-radius:50%}
.brand-orbit:before{content:"";position:absolute;left:-7px;top:19px;width:75px;height:20px;border:2px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-25deg)}
.brand-orbit span{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;right:-7px;top:8px;background:var(--navy)}
.brand-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff5a3c;right:-12px;bottom:13px}
.brand-lockup small,.brand-lockup strong,.brand-lockup b{display:block}.brand-lockup small{color:#ff6249;font-size:10px;letter-spacing:3px;font-weight:800}.brand-lockup strong{font-family:"Space Grotesk",sans-serif;font-size:26px;line-height:1}.brand-lockup b{font-size:9px;letter-spacing:1.3px;margin-top:6px}
.welcome-eyebrow{margin:42px 0 13px;font-size:12px;letter-spacing:2.8px;font-weight:800;color:#87c3ff}
.stage-welcome h1{margin:0;font-family:"Space Grotesk",sans-serif;font-weight:600;line-height:.98;font-size:clamp(44px,6.3vw,92px);letter-spacing:-3.5px;max-width:1050px;text-wrap:balance}
.welcome-copy{max-width:680px;margin:24px auto 0;color:#cbdaf0;font-size:15px;line-height:1.65}
.primary-cta{margin-top:34px;min-width:250px;height:58px;border-radius:14px;background:var(--lime);color:#0f2505;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 34px rgba(220,255,0,.2);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.primary-cta:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(220,255,0,.26);filter:brightness(.98)}
.primary-cta .arrow{font-size:17px}

.launch-mark{
  position:absolute;
  left:50%;
  top:calc(100% + 42px);
  width:220px;
  height:340px;
  transform:translateX(-50%);
  opacity:0;
  pointer-events:none;
  z-index:8;
}
.launch-glow{
  position:absolute;
  left:50%;
  top:132px;
  width:170px;
  height:170px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(218,255,0,.45) 0%,rgba(49,166,255,.22) 40%,transparent 72%);
  filter:blur(10px);
  opacity:0;
}
.rocket-icon{
  position:absolute;
  left:50%;
  top:0;
  width:126px;
  height:172px;
  transform:translateX(-50%) rotate(0deg);
  transform-origin:50% 70%;
  z-index:4;
  filter:drop-shadow(0 14px 16px rgba(5,73,132,.24));
}
.rocket-svg{display:block;width:100%;height:100%;overflow:visible}
.rocket-flame{
  position:absolute;
  left:50%;
  top:144px;
  border-radius:52% 52% 58% 58%;
  transform:translateX(-50%);
  transform-origin:50% 0%;
  z-index:3;
}
.flame-a{
  width:38px;
  height:96px;
  background:linear-gradient(to bottom,#fff9d0 0%,#ffe13c 21%,#ff8d2e 50%,#ff3d33 74%,rgba(255,61,51,0) 100%);
  filter:drop-shadow(0 0 16px #ff8f21) drop-shadow(0 0 28px rgba(255,97,31,.55));
}
.flame-b{
  width:18px;
  height:78px;
  background:linear-gradient(to bottom,#ffffff 0%,#c4f2ff 27%,#5ed4ff 58%,rgba(48,141,255,0) 100%);
  filter:drop-shadow(0 0 12px #62dcff);
  z-index:4;
}
.rocket-trail{
  position:absolute;
  left:50%;
  top:198px;
  width:18px;
  height:200px;
  transform:translateX(-50%);
  background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(128,214,255,.6) 30%,rgba(116,186,255,.12) 68%,transparent);
  filter:blur(4px);
  opacity:.8;
}
.smoke{
  position:absolute;
  left:50%;
  top:220px;
  width:58px;
  height:58px;
  margin-left:-29px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(220,232,242,.74) 45%,rgba(176,202,222,.15) 70%,transparent 76%);
  filter:blur(2px);
  opacity:0;
}
.welcome-wrap.is-launching{animation:launchContent 1.55s cubic-bezier(.46,.04,.76,.35) forwards}
.welcome-wrap.is-launching .launch-mark{opacity:1;animation:rocketLaunch 1.55s cubic-bezier(.42,.02,.78,.28) forwards}
.welcome-wrap.is-launching .rocket-icon{animation:rocketVibrate .18s ease-in-out 0s 5 alternate}
.welcome-wrap.is-launching .launch-glow{animation:launchGlow .95s ease-out forwards}
.welcome-wrap.is-launching .flame-a{animation:flamePulse .085s linear infinite alternate}
.welcome-wrap.is-launching .flame-b{animation:flamePulse .07s linear infinite alternate-reverse}
.welcome-wrap.is-launching .smoke-1{animation:smokeBurst .8s ease-out .04s forwards}
.welcome-wrap.is-launching .smoke-2{animation:smokeBurst .86s ease-out .13s forwards}
.welcome-wrap.is-launching .smoke-3{animation:smokeBurst .92s ease-out .22s forwards}
.flow-panel.is-shaking{animation:screenShake .78s cubic-bezier(.36,.07,.19,.97) both}
.flow-panel.is-launch-flash:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:15;
  pointer-events:none;
  background:radial-gradient(circle at 50% 67%,rgba(255,255,255,.94) 0%,rgba(255,226,72,.36) 13%,rgba(67,181,255,.12) 28%,transparent 46%);
  animation:panelFlash .7s ease-out forwards;
}
@keyframes launchContent{
  0%{transform:translateY(0) scale(1);opacity:1}
  17%{transform:translateY(11px) scale(.997);opacity:1}
  32%{transform:translateY(-3px) scale(1);opacity:1}
  100%{transform:translateY(-125vh) scale(.95);opacity:0}
}
@keyframes rocketLaunch{
  0%{transform:translate(-50%,0) scale(.9);opacity:0}
  7%{opacity:1}
  20%{transform:translate(-50%,-38px) scale(1);opacity:1}
  43%{transform:translate(-50%,-320px) scale(1.07);opacity:1}
  100%{transform:translate(-50%,-150vh) scale(.94);opacity:0}
}
@keyframes rocketVibrate{
  from{transform:translateX(-50%) rotate(-1.8deg) translateX(-2px)}
  to{transform:translateX(-50%) rotate(1.8deg) translateX(2px)}
}
@keyframes flamePulse{
  from{transform:translateX(-50%) scaleY(.8) scaleX(.9);opacity:.82}
  to{transform:translateX(-50%) scaleY(1.2) scaleX(1.08);opacity:1}
}
@keyframes launchGlow{
  0%{opacity:0;transform:translateX(-50%) scale(.45)}
  25%{opacity:1;transform:translateX(-50%) scale(1.15)}
  100%{opacity:0;transform:translateX(-50%) scale(2.15)}
}
@keyframes smokeBurst{
  0%{opacity:.9;transform:translate(0,0) scale(.4)}
  100%{opacity:0;transform:translate(var(--smoke-x,0),105px) scale(2.65)}
}
.smoke-1{--smoke-x:-58px}.smoke-2{--smoke-x:54px}.smoke-3{--smoke-x:-10px}
@keyframes screenShake{
  0%,100%{transform:translate3d(0,0,0)}
  10%{transform:translate3d(-4px,2px,0)}
  20%{transform:translate3d(5px,-3px,0)}
  30%{transform:translate3d(-6px,4px,0)}
  40%{transform:translate3d(6px,-2px,0)}
  50%{transform:translate3d(-4px,3px,0)}
  60%{transform:translate3d(4px,-2px,0)}
  70%{transform:translate3d(-3px,2px,0)}
  80%{transform:translate3d(3px,-1px,0)}
  90%{transform:translate3d(-1px,1px,0)}
}
@keyframes panelFlash{
  0%{opacity:0}
  15%{opacity:1}
  100%{opacity:0}
}

/* =========================================================
   FORMULARIOS
========================================================= */
.stage-form{color:var(--ink)}
.form-card{position:relative;width:min(760px,94vw);background:rgba(255,255,255,.96);border:1px solid rgba(18,80,140,.1);border-radius:24px;box-shadow:var(--shadow);padding:34px;overflow:hidden;backdrop-filter:blur(12px)}
.card-accent{position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--blue) 0 78%,var(--lime) 100%)}
.form-header{text-align:center;margin-bottom:20px}.step-chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eff7ff;color:#0c72df;font-weight:800;font-size:10px;letter-spacing:1px}.form-kicker{margin:15px 0 7px;color:#0d74e8;font-size:10px;font-weight:800;letter-spacing:1.4px}.form-header h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(32px,4vw,46px);line-height:1.05;letter-spacing:-1.5px;margin:0}.form-header>p:last-child{max-width:570px;margin:12px auto 0;color:var(--muted);font-size:13px;line-height:1.55}
.progress{display:flex;align-items:center;justify-content:center;width:min(410px,80%);margin:0 auto 26px}.progress-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#8ca0b3;font-size:12px;font-weight:800;border:1px solid #d5e1ea}.progress-dot.is-active,.progress-dot.is-complete{background:var(--blue);border-color:var(--blue);color:#fff}.progress-line{flex:1;height:2px;background:#d9e4ec}.progress-line.is-complete{background:var(--blue)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block}.field>span{display:block;margin-bottom:8px;font-size:11px;font-weight:800;color:#2a4362}.field input{width:100%;height:52px;border:1px solid #bdd0df;border-radius:13px;background:#fbfdff;padding:0 14px;color:#163456;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(13,116,232,.1);background:#fff}.field input.is-invalid{border-color:#ef4f63;box-shadow:0 0 0 4px rgba(239,79,99,.09)}.field small{display:block;margin-top:7px;color:#8aa0b5;font-size:10px}.field-full{margin-bottom:16px}
.info-box{display:flex;align-items:center;gap:11px;margin:18px 0 22px;padding:13px 14px;border-radius:13px;background:#eef7ff;border:1px solid #bfddf7}.info-icon{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:900;color:#263d00}.info-box p{margin:0;color:#506981;font-size:11px;line-height:1.5}
.password-wrap{position:relative}.password-wrap input{padding-right:58px}.toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;padding:0 10px;border-radius:9px;background:#edf5fb;color:#52708e;font-size:10px;font-weight:800;cursor:pointer}
.terms-panel{margin-top:18px;padding:16px;border:1px solid #d5e2eb;border-radius:14px;background:#fbfdff}.check-row{display:flex;align-items:flex-start;gap:11px}.check-row+.check-row{margin-top:13px}.check-row input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--blue);flex:0 0 17px}.check-row span{font-size:11px;line-height:1.55;color:#5f7690}
.form-actions{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:22px}.main-button,.secondary-button{height:50px;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease,box-shadow .16s ease}.main-button{background:var(--lime);color:#172900;padding:0 25px;box-shadow:0 12px 24px rgba(211,238,0,.17)}.main-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.98)}.main-button:disabled{cursor:not-allowed;opacity:.43;box-shadow:none}.secondary-button{background:#edf4f9;color:#44617e;padding:0 19px}.secondary-button:hover{filter:brightness(.98)}#certificateForm>.main-button{width:100%}

/* =========================================================
   MODAL DE CONFIRMACIÓN
========================================================= */
.confirm-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.confirm-modal.is-open{opacity:1;visibility:visible}.confirm-backdrop{position:absolute;inset:0;background:rgba(4,18,48,.72);backdrop-filter:blur(7px)}.confirm-card{position:relative;width:min(620px,96vw);background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,13,38,.34);padding:30px;transform:translateY(22px) scale(.98);transition:transform .28s ease}.confirm-modal.is-open .confirm-card{transform:translateY(0) scale(1)}.modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;background:#eef5fb;color:#5f7893;font-size:23px;cursor:pointer}.modal-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--lime);color:#1c3500;font-weight:900;font-size:22px;margin-bottom:16px}.modal-kicker{margin:0 0 8px;color:#0d74e8;font-weight:800;font-size:10px;letter-spacing:1.4px}.confirm-card h3{margin:0;font-family:"Space Grotesk",sans-serif;font-size:31px;letter-spacing:-.8px}.modal-copy{margin:10px 0 20px;color:#70859c;font-size:12px;line-height:1.55}.summary-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d9e4ec;border:1px solid #d9e4ec;border-radius:15px;overflow:hidden}.summary-item{background:#f9fcff;padding:15px}.summary-item span,.summary-item strong{display:block}.summary-item span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#8ba0b3;font-weight:800;margin-bottom:6px}.summary-item strong{font-size:13px;color:#163455;word-break:break-word}.summary-wide{grid-column:1/-1}.modal-note{display:flex;align-items:center;gap:10px;margin:15px 0}.modal-note span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef7ff;color:#0d74e8;font-weight:900;font-size:11px}.modal-note p{margin:0;font-size:10px;color:#7b8fa4}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.modal-actions .main-button,.modal-actions .secondary-button{width:100%}

/* SweetAlert adaptado a la estética */
.swal2-popup.nasa-swal{border-radius:22px!important;font-family:Inter,system-ui,sans-serif!important;padding:28px!important}.nasa-swal .swal2-title{font-family:"Space Grotesk",sans-serif!important;color:var(--ink)!important}.nasa-swal .swal2-html-container{color:#6d8298!important;font-size:13px!important}.nasa-swal .swal2-confirm{background:var(--lime)!important;color:#142300!important;border-radius:11px!important;font-weight:800!important;box-shadow:none!important}.nasa-swal .swal2-loader{border-color:var(--blue) transparent var(--blue) transparent!important}

@media (max-width:760px){
  body{overflow:auto}.registration-shell{min-height:100svh;background:linear-gradient(155deg,#061738 0%,#0b2d6d 52%,#eaf6ff 52.1%,#f8fbff 100%)}
  .stage{padding:22px 14px;min-height:100svh}.stage-form{align-items:flex-start;overflow:auto}.form-card{margin:auto 0;padding:28px 18px;border-radius:20px}.field-grid{grid-template-columns:1fr}.password-grid{gap:14px}.form-actions{grid-template-columns:1fr}.form-actions .secondary-button{order:2}.modal-actions{grid-template-columns:1fr}.summary-card{grid-template-columns:1fr}.summary-wide{grid-column:auto}.stage-welcome h1{font-size:clamp(40px,12vw,66px);letter-spacing:-2px}.welcome-eyebrow{margin-top:32px}.welcome-copy{font-size:13px}.primary-cta{width:100%;max-width:320px}.brand-lockup{margin-top:24px}.mission-kicker{font-size:9px}
}


/* LAYOUT PRINCIPAL */
.registration-shell{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(430px,32vw) 1fr;background:#eef6ff}

/* PANEL IZQUIERDO PERMANENTE */
.hero-panel{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(160deg,#061638 0%,#082456 56%,#0b3476 100%);color:#fff;padding:46px 55px 34px;display:flex;flex-direction:column;isolation:isolate}
.hero-stars{position:absolute;inset:0;z-index:-2;opacity:.58;background-image:radial-gradient(circle,#4fa3ff 1px,transparent 1.4px),radial-gradient(circle,#fff 1px,transparent 1.3px),radial-gradient(circle,var(--lime) 1px,transparent 1.5px);background-size:95px 95px,175px 175px,270px 270px;background-position:20px 18px,53px 66px,160px 34px}
.hero-panel:after{content:"";position:absolute;inset:auto -180px -220px 35%;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(18,88,181,.55),rgba(7,32,78,.2) 56%,transparent 70%);z-index:-2}
.hero-orbit{position:absolute;border:1px solid rgba(84,153,235,.35);border-radius:50%;z-index:-1}.hero-orbit-a{width:410px;height:120px;right:-150px;bottom:110px;transform:rotate(-19deg)}.hero-orbit-b{width:340px;height:90px;right:-110px;bottom:60px;transform:rotate(18deg)}
.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hero-brand{display:flex;align-items:center;gap:13px}.hero-brand .brand-orbit{width:62px;height:62px}.hero-brand small,.hero-brand strong,.hero-brand b{display:block}.hero-brand small{color:#ff5e48;font-size:10px;letter-spacing:3px;font-weight:800}.hero-brand strong{font-family:"Space Grotesk",sans-serif;font-size:27px;line-height:1}.hero-brand b{font-size:9px;letter-spacing:1.2px;margin-top:5px}.edition-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);font-size:10px;font-weight:800;color:#d9e7f9;white-space:nowrap}.edition-pill span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px var(--lime)}
.hero-content{margin-top:95px;max-width:470px}.hero-kicker{display:flex;align-items:center;gap:10px;color:#82bfff;font-size:11px;letter-spacing:1.8px;font-weight:800}.hero-kicker span{display:block;width:40px;height:1px;background:linear-gradient(90deg,var(--lime),#4b9ce8)}.hero-content h2{font-family:"Space Grotesk",sans-serif;font-weight:400;font-size:clamp(48px,4.2vw,72px);line-height:.98;letter-spacing:-3px;margin:24px 0 24px}.hero-content>p{max-width:455px;color:#c9d8ec;font-size:15px;line-height:1.6;margin:0}
.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.hero-steps article{min-height:92px;padding:14px 12px;border:1px solid rgba(135,181,237,.18);background:rgba(255,255,255,.045);border-radius:12px}.hero-steps b,.hero-steps strong,.hero-steps span{display:block}.hero-steps b{color:var(--lime);font-size:10px;margin-bottom:10px}.hero-steps strong{font-size:11px;margin-bottom:8px}.hero-steps span{color:#98add0;font-size:9px;line-height:1.45}
.hero-earth{position:absolute;right:10px;bottom:76px;font-size:88px;filter:drop-shadow(0 0 20px rgba(87,168,255,.45));opacity:.95;transform:rotate(-8deg)}.hero-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px;color:#90a7c7}.hero-footer strong{font-size:10px}.hero-footer strong span{font-weight:500}.hero-footer small{font-size:9px}

/* PANEL DERECHO */
.flow-panel{position:relative;min-width:0;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#f5fbff 0%,#eaf6ff 58%,#fdfefe 100%)}
.flow-panel .space-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.flow-panel .stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:46px 5vw;opacity:0;visibility:hidden;transform:translateY(45px) scale(.985);transition:opacity .5s ease,transform .65s cubic-bezier(.22,.8,.2,1),visibility .5s}
.flow-panel .stage.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:2}.flow-panel .stage.is-leaving{opacity:0;transform:translateY(-130px) scale(.97);visibility:visible;pointer-events:none}
.flow-panel .stage-welcome{color:var(--ink);text-align:center}.flow-panel .welcome-wrap{width:min(760px,88%)}.flow-panel .mission-kicker{color:#5e7590;background:#fff;border-color:#d5e3ef}.flow-panel .stage-welcome h1{font-size:clamp(46px,5.3vw,82px);color:var(--ink)}.flow-panel .welcome-copy{color:#6f839b;max-width:620px}.flow-panel .welcome-eyebrow{color:#1477db}


@media (max-width:1180px){
  .registration-shell{grid-template-columns:380px 1fr}
  .hero-panel{padding:36px 32px 28px}
  .hero-content{margin-top:70px}
  .hero-content h2{font-size:52px}
  .hero-steps{grid-template-columns:1fr}.hero-steps article{min-height:auto}
  .hero-earth{font-size:68px;opacity:.75}
  .flow-panel .stage{padding:34px 28px}
}

@media (max-width:900px){
  body{overflow:auto}
  .registration-shell{display:block;overflow:visible}
  .hero-panel{min-height:auto;padding:28px 24px 26px}
  .hero-content{margin-top:46px;max-width:none}.hero-content h2{font-size:50px}.hero-content>p{max-width:620px}
  .hero-steps{grid-template-columns:repeat(3,1fr)}
  .hero-earth{display:none}.hero-footer{margin-top:34px}
  .flow-panel{min-height:760px}.flow-panel .stage{min-height:760px;position:absolute}
}

@media (max-width:620px){
  .hero-top{align-items:center}.edition-pill{display:none}.hero-brand .brand-orbit{width:50px;height:50px}.hero-brand strong{font-size:22px}
  .hero-content{margin-top:34px}.hero-content h2{font-size:42px;letter-spacing:-2px}.hero-steps{grid-template-columns:1fr}.hero-kicker{font-size:9px}
  .flow-panel{min-height:790px}.flow-panel .stage{padding:24px 14px;min-height:790px}.flow-panel .form-card{width:100%}.flow-panel .welcome-wrap{width:100%}.flow-panel .stage-welcome h1{font-size:42px;letter-spacing:-2px}
}