/* v123: A focused liquid-glass welcome screen with dedicated account routes. */
body.landing-mode{
  min-height:100dvh;
  overflow-x:hidden;
  background:#061632;
}

/* The landing stylesheet loads after the shared hidden rule. Keep a routed
   account screen from reserving any landing-page space above it. */
.liquid-home.hidden{display:none!important}
#authShell.hidden{display:none!important}

.liquid-home{
  position:relative;
  isolation:isolate;
  min-height:100dvh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:clamp(16px,3vh,36px) clamp(18px,4vw,56px);
  color:#edf4ff;
  background:
    radial-gradient(circle at 88% 8%,rgba(113,82,255,.34),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(18,184,192,.22),transparent 30%),
    linear-gradient(135deg,#061632 0%,#0b1d42 48%,#111446 100%);
}

.liquid-home::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 82%);
}

.liquid-orb{
  position:absolute;
  z-index:-1;
  border-radius:999px;
  filter:blur(18px);
  pointer-events:none;
  will-change:transform,opacity;
}
.liquid-orb-one{width:30rem;height:30rem;right:-9rem;top:11%;background:rgba(91,78,255,.42);animation:apex-light-leak-one 15s ease-in-out infinite alternate}
.liquid-orb-two{width:25rem;height:25rem;left:-12rem;bottom:-7rem;background:rgba(0,201,192,.27);animation:apex-light-leak-two 18s ease-in-out infinite alternate}
.liquid-orb-three{width:15rem;height:15rem;left:46%;top:63%;background:rgba(62,139,255,.20);animation:apex-light-leak-three 12s ease-in-out infinite alternate}
@keyframes apex-light-leak-one{0%{transform:translate3d(0,0,0) scale(1);opacity:.7}100%{transform:translate3d(-80px,48px,0) scale(1.24);opacity:1}}
@keyframes apex-light-leak-two{0%{transform:translate3d(0,0,0) scale(1);opacity:.72}100%{transform:translate3d(94px,-54px,0) scale(1.2);opacity:1}}
@keyframes apex-light-leak-three{0%{transform:translate3d(0,0,0) scale(.86);opacity:.28}100%{transform:translate3d(-48px,-68px,0) scale(1.42);opacity:.72}}

.liquid-theme-toggle,.auth-home{
  border:1px solid rgba(207,225,255,.35);
  border-radius:12px;
  padding:9px 13px;
  color:inherit;
  background:rgba(255,255,255,.09);
  font:600 .84rem/1 Inter,Arial,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}
.liquid-theme-toggle:hover,.auth-home:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}

.liquid-hero{
  width:min(790px,100%);
  margin:auto;
  padding:clamp(28px,4.8vh,52px) clamp(28px,6vw,78px);
  text-align:center;
  border:1px solid rgba(190,219,255,.30);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(29,66,126,.56),rgba(21,32,91,.37));
  box-shadow:0 26px 80px rgba(0,7,33,.36),inset 0 1px rgba(255,255,255,.17);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.liquid-hero-logo{
  width:min(370px,100%);
  height:auto;
  display:grid;
  place-items:center;
  margin:0 auto clamp(14px,2vh,20px);
  padding:14px 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 30px rgba(0,10,36,.25);
  transition:transform .2s ease,box-shadow .2s ease;
}
.liquid-hero-logo:hover{transform:translateY(-2px)}
.liquid-hero-logo:active{transform:translateY(0)}
.liquid-hero-logo img{
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  display:block;
  filter:none;
}
.liquid-kicker{margin:0 0 11px;color:#a9d6ff;font-size:.76rem;font-weight:800;letter-spacing:.15em}
.liquid-hero h1{max-width:590px;margin:0 auto;font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.045em;color:#fff}
.liquid-intro{max-width:545px;margin:16px auto 0;color:#c4d3eb;font-size:clamp(.96rem,1.8vw,1.1rem);line-height:1.5}
.liquid-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:23px}
.liquid-button{
  min-width:154px;
  border-radius:14px;
  padding:14px 19px;
  font:700 .96rem/1 Inter,Arial,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.liquid-button span{margin-left:15px;font-size:1.15rem}
.liquid-button:hover{transform:translateY(-2px)}
.liquid-button-primary{border:1px solid rgba(255,255,255,.45);color:#fff;background:linear-gradient(135deg,#2768f5,#7049e8);box-shadow:0 12px 30px rgba(45,91,247,.35)}
.liquid-button-primary:hover{box-shadow:0 16px 36px rgba(45,91,247,.50)}
.liquid-button-secondary{border:1px solid rgba(207,225,255,.38);color:#f6f9ff;background:rgba(255,255,255,.10)}
.liquid-button-secondary:hover{background:rgba(255,255,255,.19)}
.liquid-footer{width:min(1120px,100%);margin:clamp(14px,2.2vh,24px) auto 0;text-align:center;color:rgba(207,224,249,.73);font-size:.78rem;letter-spacing:.055em}

.auth-home{margin-left:auto;color:#33445e;background:#f5f8ff;border-color:#dce6f4}
body.dark .auth-home{color:#e2ecff;background:rgba(255,255,255,.08);border-color:rgba(207,225,255,.35)}

body.dark.landing-mode .liquid-home{
  background:radial-gradient(circle at 88% 8%,rgba(113,82,255,.34),transparent 30%),radial-gradient(circle at 8% 92%,rgba(18,184,192,.22),transparent 30%),linear-gradient(135deg,#030d20,#06142c 48%,#0e1038);
}

@media (max-width:600px){
  .liquid-home{padding:16px}
  .liquid-hero{margin:auto 0;padding:40px 22px;border-radius:24px}
  .liquid-hero-logo{width:min(300px,100%);height:auto;margin-bottom:21px}
  .liquid-hero-logo img{width:100%;height:auto;max-width:100%}
  .liquid-actions{flex-direction:column}
  .liquid-button{width:100%}
  .auth-home{padding:8px 10px}
}

/* Compact desktop/laptop heights: keep the whole welcome view inside one
   normal 100% browser screen rather than relying on browser zoom. */
@media (max-height:900px) and (min-width:601px){
  .liquid-home{padding-top:16px;padding-bottom:16px}
  .liquid-hero{padding-top:26px;padding-bottom:28px}
  .liquid-hero-logo{width:min(320px,100%);margin-bottom:13px}
  .liquid-kicker{margin-bottom:8px;font-size:.71rem}
  .liquid-hero h1{font-size:clamp(1.85rem,3.5vw,2.85rem)}
  .liquid-intro{margin-top:12px;font-size:.98rem}
  .liquid-actions{margin-top:17px}
  .liquid-button{padding:12px 18px}
  .liquid-footer{margin-top:12px;font-size:.72rem}
}
@media (prefers-reduced-motion:reduce){.liquid-orb{animation:none}.liquid-hero-logo:hover{transform:none}}

/* v139 — APEX CAMPUS arrival screen */
.liquid-home{padding:18px clamp(24px,5vw,94px) 28px;background:radial-gradient(circle at 86% 8%,rgba(247,197,248,.7),transparent 25%),radial-gradient(circle at 12% 84%,rgba(144,177,255,.5),transparent 28%),#f8f8ff;color:#1d2842}
.liquid-home::before{opacity:.48;background-image:radial-gradient(circle at 1px 1px,rgba(91,111,173,.14) 1px,transparent 1.3px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 76%)}
.liquid-orb{filter:blur(46px);opacity:.64}.liquid-orb-one{background:#b8b3ff}.liquid-orb-two{background:#aeeff0}.liquid-orb-three{background:#ffd4eb}
.arrival-nav{width:min(1320px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px}.arrival-brand{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:#1d2842;font:800 1rem/1 Inter,Arial,sans-serif;letter-spacing:.02em;cursor:pointer}.arrival-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.78);box-shadow:0 12px 26px rgba(59,73,130,.16),inset 0 0 0 1px rgba(255,255,255,.8)}.arrival-brand-mark img{width:82%;height:82%;object-fit:contain}.arrival-links{display:flex;align-items:center;gap:24px}.arrival-links button{border:0;background:transparent;color:#68728c;font:600 .84rem/1 Inter,Arial,sans-serif;cursor:pointer}.arrival-links .arrival-signin{padding:13px 18px;border:1px solid rgba(104,114,140,.22);border-radius:14px;color:#202942;background:rgba(255,255,255,.52);box-shadow:0 8px 18px rgba(60,71,126,.08)}
.liquid-hero{width:min(1320px,100%);min-height:calc(100dvh - 150px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(28px,7vw,110px);padding:clamp(34px,7vh,80px) 0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;text-align:left}.arrival-copy{max-width:650px}.liquid-kicker{color:#788098;font-size:.8rem;letter-spacing:.13em}.liquid-hero h1{max-width:none;margin:0;font-size:clamp(3rem,5.8vw,5.7rem);line-height:.99;letter-spacing:-.065em;color:#20243a}.liquid-intro{max-width:530px;margin:24px 0 0;color:#737b91;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.55}.liquid-actions{justify-content:flex-start;margin-top:30px}.liquid-button{min-width:156px;border-radius:15px;padding:16px 21px}.liquid-button-primary{border:0;background:#252a3d;box-shadow:0 16px 28px rgba(31,37,58,.22)}.liquid-button-secondary{border:0;color:#27324b;background:rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(128,141,175,.22)}
.arrival-art{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden}.arrival-logo-stage{position:relative;z-index:2;display:grid;place-items:center;width:min(410px,78vw);height:min(410px,78vw);padding:50px;border-radius:50%;background:radial-gradient(circle at 34% 24%,#fff,rgba(255,255,255,.78) 55%,rgba(230,225,255,.68));box-shadow:0 34px 64px rgba(109,91,166,.2),inset 0 1px rgba(255,255,255,.95)}.arrival-logo-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(29,48,102,.14))}.arrival-orbit{position:absolute;z-index:1;border:1px solid rgba(122,128,207,.28);border-radius:50%;pointer-events:none;will-change:transform}.orbit-one{width:570px;height:360px;animation:arrival-drift-a 10s ease-in-out infinite alternate}.orbit-two{width:500px;height:470px;border-color:rgba(109,191,255,.28);animation:arrival-drift-b 13s ease-in-out infinite alternate}.orbit-three{width:430px;height:560px;border-color:rgba(236,126,217,.27);animation:arrival-drift-c 15s ease-in-out infinite alternate}.arrival-beam{position:absolute;width:420px;height:84px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(232,101,209,.28),rgba(127,174,255,.24),transparent);filter:blur(13px);animation:arrival-beam 7s ease-in-out infinite alternate;will-change:transform}@keyframes arrival-drift-a{from{transform:rotate(22deg) translate3d(0,0,0)}to{transform:rotate(30deg) translate3d(18px,-12px,0)}}@keyframes arrival-drift-b{from{transform:rotate(-26deg) translate3d(0,0,0)}to{transform:rotate(-35deg) translate3d(-16px,15px,0)}}@keyframes arrival-drift-c{from{transform:rotate(38deg) translate3d(0,0,0)}to{transform:rotate(29deg) translate3d(13px,16px,0)}}@keyframes arrival-beam{from{transform:rotate(-30deg) translate3d(0,0,0)}to{transform:rotate(-18deg) translate3d(-34px,24px,0)}}
.liquid-footer{margin:0 auto;color:#7a8298;text-align:left}
body.dark.landing-mode .liquid-home{background:radial-gradient(circle at 84% 8%,rgba(94,61,151,.42),transparent 27%),radial-gradient(circle at 12% 84%,rgba(15,91,122,.32),transparent 31%),#121218;color:#f4f3f8}body.dark.landing-mode .liquid-hero h1{color:#f7f5fa}body.dark.landing-mode .liquid-intro,body.dark.landing-mode .liquid-kicker,body.dark.landing-mode .liquid-footer{color:#b7b5c3}body.dark .arrival-brand{color:#f4f3f8}body.dark .arrival-links button{color:#c8c5d4}body.dark .arrival-links .arrival-signin{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.17)}body.dark .arrival-brand-mark{background:rgba(255,255,255,.92)}body.dark .liquid-button-secondary{color:#f4f3f8;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}body.dark .arrival-logo-stage{background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.98),rgba(231,232,246,.82) 58%,rgba(148,132,206,.62));box-shadow:0 34px 68px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.95)}
@media(max-width:760px){.liquid-home{padding:16px 20px 24px}.arrival-links{gap:13px}.arrival-links button:not(.arrival-signin){display:none}.arrival-brand b{font-size:.9rem}.liquid-hero{grid-template-columns:1fr;gap:22px;min-height:auto;padding:46px 0 28px;text-align:center}.arrival-copy{margin:auto}.liquid-actions{justify-content:center}.arrival-art{min-height:320px;order:-1}.arrival-logo-stage{width:270px;height:270px;padding:32px}.arrival-orbit{transform:scale(.62)}.liquid-footer{text-align:center}.liquid-hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){.arrival-orbit,.arrival-beam{animation:none}}

/* Reliable entrance and route motion for the original portal. */
.arrival-nav,.arrival-copy,.arrival-art,.liquid-footer{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
.arrival-ready .arrival-nav{opacity:1;transform:none;transition-delay:.04s}.arrival-ready .arrival-copy{opacity:1;transform:none;transition-delay:.18s}.arrival-ready .arrival-art{opacity:1;transform:none;transition-delay:.28s}.arrival-ready .liquid-footer{opacity:1;transform:none;transition-delay:.44s}
.arrival-logo-stage{animation:arrival-logo-breathe 5.5s ease-in-out infinite;will-change:transform}.arrival-logo-stage img{animation:arrival-logo-reveal 1.15s cubic-bezier(.2,.8,.2,1) both;animation-play-state:paused}.arrival-ready .arrival-logo-stage img{animation-play-state:running}.arrival-brand-mark{animation:arrival-brand-in .75s cubic-bezier(.2,.8,.2,1) both}.arrival-links button,.liquid-button{transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.arrival-links button:hover,.liquid-button:hover{transform:translateY(-3px)}
@keyframes arrival-logo-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.025)}}@keyframes arrival-logo-reveal{from{opacity:0;transform:scale(.72) rotate(-7deg);filter:blur(10px)}to{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 12px 14px rgba(29,48,102,.14))}}@keyframes arrival-brand-in{from{opacity:0;transform:scale(.72) rotate(-12deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.arrival-nav,.arrival-copy,.arrival-art,.liquid-footer{opacity:1;transform:none;transition:none}.arrival-logo-stage,.arrival-logo-stage img,.arrival-brand-mark{animation:none}}

/* v143 — Pearl arrival composition from the approved design. */
body.landing-mode{margin:0;min-height:100dvh;background:#f8f8fc;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.landing-mode .arrival-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;background:#f8f8fc;box-shadow:none}
body.landing-mode .arrival-stage::before,body.landing-mode .arrival-stage::after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(30px);pointer-events:none}body.landing-mode .arrival-stage::before{width:330px;height:330px;left:-130px;top:210px;background:rgba(176,191,255,.36)}body.landing-mode .arrival-stage::after{width:340px;height:340px;right:-130px;top:-115px;background:rgba(253,203,243,.48)}
body.landing-mode .arrival-nav{z-index:2;display:flex;align-items:center;justify-content:space-between;padding:25px clamp(30px,7vw,74px);animation:apex-exact-enter-down 1.22s .08s both cubic-bezier(.18,.88,.26,1)}
body.landing-mode .arrival-brand{display:flex;align-items:center;gap:11px;border:0;padding:0;background:transparent;color:#172033;font:800 13px/1 Inter,inherit;letter-spacing:.02em;cursor:pointer}
body.landing-mode .arrival-logo{position:relative;display:grid;place-items:center;isolation:isolate;width:38px;height:38px;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(67,73,112,.12)}body.landing-mode .arrival-logo::before{content:"";position:absolute;z-index:-1;width:44px;height:44px;border-radius:50%;background:conic-gradient(from 40deg,#77dcff,#8d73e8,#f49fd4,#ffdd9a,#77dcff);filter:blur(2px);animation:apex-exact-logo-spin 7s linear infinite}body.landing-mode .arrival-logo::after{content:"";position:absolute;inset:3px;z-index:-1;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.48)}body.landing-mode .arrival-logo-image{position:relative;z-index:1;width:90%;height:90%;object-fit:contain}
body.landing-mode .arrival-navlinks{display:flex;align-items:center;gap:23px;color:#697188;font-size:11px;font-weight:600}body.landing-mode .arrival-navlinks button{border:0;padding:0;background:transparent;color:inherit;font:600 11px Inter,inherit;cursor:pointer;transition:transform .38s cubic-bezier(.22,.86,.26,1),color .38s ease}body.landing-mode .arrival-navlinks button:hover{transform:translateY(-2px);color:#202536}body.landing-mode .arrival-navlinks .top-signin{padding:9px 14px;border:1px solid #d6d8e0;border-radius:10px;color:#202536;transition:transform .38s cubic-bezier(.22,.86,.26,1),box-shadow .38s ease,background .38s ease}body.landing-mode .arrival-navlinks .top-signin:hover{background:rgba(255,255,255,.76);box-shadow:0 9px 18px rgba(51,56,81,.09)}
body.landing-mode .welcome-content{z-index:1;display:grid;grid-template-columns:minmax(0,.84fr) minmax(300px,1.16fr);align-items:center;gap:20px;flex:1;padding:24px clamp(30px,7vw,82px) 50px}body.landing-mode .arrival-copy{max-width:415px;animation:apex-exact-enter-left 1.28s .18s both cubic-bezier(.18,.88,.26,1)}body.landing-mode .arrival-kicker{margin:0 0 17px;color:#6e68a8;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}body.landing-mode .arrival-copy h1{margin:0;color:#1c2030;font-size:clamp(39px,5vw,64px);font-weight:600;letter-spacing:-.065em;line-height:.99}body.landing-mode .arrival-copy>p:not(.arrival-kicker){max-width:360px;margin:24px 0;color:#70778a;font-size:14px;line-height:1.7}
body.landing-mode .arrival-actions{display:flex;align-items:center;gap:14px}body.landing-mode .arrival-enter,body.landing-mode .arrival-register{min-height:45px;padding:0 18px;border-radius:13px;font:600 12px Inter,inherit;cursor:pointer;transition:transform .38s cubic-bezier(.22,.86,.26,1),box-shadow .38s ease,background .38s ease,color .38s ease,border-color .38s ease}body.landing-mode .arrival-enter{border:0;background:#1e2232;color:#fff;box-shadow:0 10px 20px rgba(27,31,47,.22)}body.landing-mode .arrival-enter:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(27,31,47,.28)}body.landing-mode .arrival-register{border:1px solid #d3d9eb;background:rgba(255,255,255,.42);color:#4e5771}body.landing-mode .arrival-register:hover{transform:translateY(-2px);background:rgba(255,255,255,.78)}
body.landing-mode .arrival-art{position:relative;min-height:390px;isolation:isolate}body.landing-mode .orbital-line{position:absolute;inset:44px 40px 33px;border:1px solid rgba(114,120,166,.17);border-radius:46% 54% 50% 50% / 54% 43% 57% 46%;transform:rotate(-17deg)}body.landing-mode .orbital-line::after{content:"";position:absolute;inset:23px;border:1px solid rgba(114,120,166,.11);border-radius:inherit;transform:rotate(28deg)}
body.landing-mode .campus-logo-stage{position:absolute;z-index:2;right:7%;top:30px;display:grid;place-items:center;width:min(100%,390px);height:360px;animation:apex-exact-logo-arrive 1.55s .12s both cubic-bezier(.16,.92,.22,1),apex-exact-logo-breathe 8.6s 1.7s ease-in-out infinite}body.landing-mode .campus-logo-stage::before,body.landing-mode .campus-logo-stage::after{content:"";position:absolute;pointer-events:none}body.landing-mode .campus-logo-stage::before{width:310px;height:170px;border:1px solid rgba(137,110,198,.28);border-radius:43% 57% 48% 52% / 60% 40% 60% 40%;transform:rotate(26deg)}body.landing-mode .campus-logo-stage::after{width:286px;height:146px;border:1px solid rgba(255,255,255,.66);border-radius:57% 43% 54% 46% / 39% 61% 39% 61%;transform:rotate(-33deg)}
body.landing-mode .campus-halo{position:absolute;inset:-20px;border-radius:48%;border:1px solid rgba(112,91,190,.35);pointer-events:none}body.landing-mode .campus-halo-one{inset:-37px 18px 5px -23px;border-color:rgba(225,94,194,.33);transform:rotate(-25deg);animation:apex-exact-halo-orbit 12.6s linear infinite}body.landing-mode .campus-halo-two{inset:9px -34px -29px 21px;border-color:rgba(64,179,226,.34);transform:rotate(47deg);animation:apex-exact-halo-orbit-reverse 15.4s linear infinite}body.landing-mode .campus-ribbon{position:absolute;z-index:-1;width:290px;height:65px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),rgba(238,94,221,.55),transparent);filter:blur(3px);opacity:.7;transform:rotate(-34deg);animation:apex-exact-ribbon-sweep 8.4s ease-in-out infinite}body.landing-mode .campus-spark{position:absolute;z-index:3;top:50%;left:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.24),0 0 23px rgba(219,127,239,.9);animation:apex-exact-spark-orbit 9.4s linear infinite}body.landing-mode .campus-spark-two{width:8px;height:8px;margin:-4px;background:#aeeeff;animation-duration:12.8s;animation-direction:reverse}
body.landing-mode .campus-logo-lockup{position:relative;z-index:1;display:grid;place-items:center;width:220px;height:220px;padding:24px;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 20px 36px rgba(75,80,112,.16);backdrop-filter:blur(8px)}body.landing-mode .campus-logo-lockup img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}body.landing-mode .campus-logo-lockup::before{content:"";position:absolute;inset:0;background:linear-gradient(116deg,transparent 23%,rgba(255,255,255,.92) 45%,transparent 61%);translate:-145% 0;animation:apex-exact-wordmark-shine 7.4s 1.4s ease-in-out infinite}body.landing-mode .campus-logo-lockup::after{content:"";position:absolute;z-index:2;left:50%;bottom:19px;width:80px;height:4px;border-radius:99px;background:linear-gradient(90deg,#1d64bb 0 37%,#e23559 37% 69%,#f4bf2b 69% 100%);transform:translateX(-50%)}body.landing-mode .arrival-footer{position:absolute;z-index:1;bottom:25px;left:0;margin:0;padding:0 clamp(30px,7vw,74px);color:#9095a6;font-size:10px}
@keyframes apex-exact-enter-down{from{opacity:0;transform:translateY(-14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes apex-exact-enter-left{from{opacity:0;transform:translateX(-24px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes apex-exact-logo-arrive{from{opacity:0;transform:scale(.68) rotate(-11deg);filter:blur(10px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes apex-exact-logo-breathe{0%,100%{translate:0 0;scale:1}50%{translate:0 -5px;scale:1.012}}@keyframes apex-exact-halo-orbit{to{transform:rotate(335deg)}}@keyframes apex-exact-halo-orbit-reverse{to{transform:rotate(-313deg)}}@keyframes apex-exact-ribbon-sweep{0%,100%{translate:-38px 28px;opacity:.2}48%{translate:35px -26px;opacity:.88}55%{translate:47px -35px;opacity:.08}}@keyframes apex-exact-spark-orbit{from{transform:rotate(0) translateX(182px) rotate(0)}to{transform:rotate(1turn) translateX(182px) rotate(-1turn)}}@keyframes apex-exact-wordmark-shine{0%,30%{translate:-145% 0}61%,100%{translate:145% 0}}@keyframes apex-exact-logo-spin{to{transform:rotate(1turn)}}
@media(max-width:670px){body.landing-mode .arrival-stage{min-height:680px}body.landing-mode .arrival-navlinks{gap:10px}body.landing-mode .arrival-navlinks button:not(.top-signin):not(.arrival-theme-toggle){display:none}body.landing-mode .welcome-content{grid-template-columns:1fr;padding:24px}body.landing-mode .arrival-copy{padding-top:12px}body.landing-mode .arrival-actions{flex-wrap:wrap}body.landing-mode .arrival-art{min-height:250px}body.landing-mode .campus-logo-stage{top:0;right:2%;width:300px;height:250px}body.landing-mode .campus-logo-lockup{width:180px;height:180px;padding:20px}body.landing-mode .arrival-footer{display:none}}@media(prefers-reduced-motion:reduce){body.landing-mode .arrival-nav,body.landing-mode .arrival-copy,body.landing-mode .campus-logo-stage,body.landing-mode .arrival-logo::before,body.landing-mode .campus-halo,body.landing-mode .campus-ribbon,body.landing-mode .campus-spark,body.landing-mode .campus-logo-lockup::before{animation:none!important}}

/* v150 — shared welcome-screen appearance control. */
body.landing-mode .arrival-theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 11px!important;border:1px solid rgba(214,216,224,.92)!important;border-radius:10px!important;background:rgba(255,255,255,.54)!important;color:#566078!important;font:600 11px/1 Inter,inherit!important;box-shadow:0 7px 18px rgba(52,57,84,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.landing-mode .arrival-theme-toggle:hover{background:rgba(255,255,255,.9)!important;box-shadow:0 10px 22px rgba(52,57,84,.12)!important}
body.dark.landing-mode{background:#101116;color:#eef0f8}
body.dark.landing-mode .arrival-stage{background:radial-gradient(circle at 91% 8%,rgba(112,87,196,.23),transparent 29%),radial-gradient(circle at 5% 91%,rgba(34,142,183,.18),transparent 31%),#101116}
body.dark.landing-mode .arrival-stage::before{background:rgba(63,91,174,.21)}body.dark.landing-mode .arrival-stage::after{background:rgba(177,93,170,.19)}
body.dark.landing-mode .arrival-brand,body.dark.landing-mode .arrival-copy h1{color:#f3f2f8}body.dark.landing-mode .arrival-navlinks{color:#b9bdcf}body.dark.landing-mode .arrival-navlinks button:hover{color:#fff}
body.dark.landing-mode .arrival-navlinks .top-signin{border-color:rgba(255,255,255,.15);color:#f6f4fb;background:rgba(255,255,255,.04)}body.dark.landing-mode .arrival-navlinks .top-signin:hover{background:rgba(255,255,255,.1);box-shadow:0 9px 20px rgba(0,0,0,.22)}
body.dark.landing-mode .arrival-theme-toggle{border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.07)!important;color:#e9e8f2!important;box-shadow:0 8px 20px rgba(0,0,0,.18)}body.dark.landing-mode .arrival-theme-toggle:hover{background:rgba(255,255,255,.13)!important}
body.dark.landing-mode .arrival-kicker{color:#c5b7ec}body.dark.landing-mode .arrival-copy>p:not(.arrival-kicker){color:#bac0d0}body.dark.landing-mode .arrival-register{border-color:rgba(255,255,255,.19);background:rgba(255,255,255,.06);color:#e2e4ee}body.dark.landing-mode .arrival-register:hover{background:rgba(255,255,255,.13)}body.dark.landing-mode .arrival-enter{background:linear-gradient(105deg,#475fd6,#8a62c6);box-shadow:0 11px 22px rgba(45,55,153,.35)}
body.dark.landing-mode .arrival-footer{color:#969caf}body.dark.landing-mode .orbital-line{border-color:rgba(176,184,232,.16)}body.dark.landing-mode .orbital-line::after{border-color:rgba(176,184,232,.1)}body.dark.landing-mode .campus-logo-lockup{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.88);box-shadow:0 22px 42px rgba(0,0,0,.26)}