/* b0126a — public landing-page presentation ONLY.
   The full student login, registration, Forgot Password, and enrollment modules
   continue to use their existing HTML, JavaScript, endpoints, and validators. */

/* The original fifth section is now the single public welcome stage.
   Its 23 original slide layers remain managed by landing-experience.js. */
body.experience-landing .final-cta.landing-hero.landing-one-page {
  position: relative;
  isolation: isolate;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
  width: 100%;
  min-height: max(620px, calc(100svh - 150px));
  padding: clamp(50px, 7vw, 80px) clamp(18px, 5vw, 70px) 70px;
  background: #0a315b;
  color: #fff;
  overflow: hidden;
}
body.experience-landing .landing-one-page .hero-slideshow {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 1 !important;
  overflow: hidden;
  pointer-events: none;
}
body.experience-landing .landing-one-page .hero-slideshow::after {
  /* Soft blue fade across the entire scene: campus photos remain visible,
     without a separate dark panel hiding them behind the welcome text. */
  background:
    linear-gradient(180deg, rgba(7,36,78,.61) 0%, rgba(8,58,109,.49) 48%, rgba(4,30,66,.70) 100%),
    radial-gradient(ellipse at 50% 50%, rgba(5,43,88,.10) 0%, rgba(3,24,53,.34) 100%);
}
body.experience-landing .landing-one-page .hero-slideshow .hero-slide {
  background-position: center center;
}
body.experience-landing .landing-one-page .landing-welcome-content {
  position: relative;
  z-index: 2;
  width: min(100%, 850px);
  margin: auto;
  padding: clamp(20px, 3.5vw, 38px) clamp(18px, 5vw, 56px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.experience-landing .landing-one-page .section-kicker {
  margin: 0 0 18px;
  color: #f4cf7e;
  letter-spacing: .18em;
  font-weight: 850;
  font-size: .81rem;
}
body.experience-landing .landing-one-page #landingWelcomeHeading {
  margin: 0 auto;
  max-width: 760px;
  color: #fff;
  font-family: inherit;
  font-size: clamp(2.3rem, 5.3vw, 4.55rem);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-shadow: 0 3px 22px rgba(0,5,21,.48);
}
body.experience-landing .landing-one-page .landing-welcome-lead {
  max-width: 620px;
  margin: 20px auto 4px;
  color: #eaf3fb;
  font-size: clamp(.97rem, 1.45vw, 1.12rem);
  line-height: 1.65;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
body.experience-landing .landing-one-page .primary-cta.large {
  display: inline-flex;
  margin-top: 26px;
  min-height: 50px;
  border-radius: 12px;
  background: #f0b323;
  color: #072b4c;
  box-shadow: 0 9px 28px rgba(2,18,38,.28);
}
body.experience-landing .landing-one-page blockquote {
  margin: 35px auto 0;
  max-width: 610px;
  color: #f1f5f8;
  font-size: clamp(.89rem, 1.24vw, 1.02rem);
  font-style: italic;
  line-height: 1.7;
  text-shadow: 0 1px 8px rgba(0,10,24,.5);
}
body.experience-landing .landing-one-page blockquote cite {
  color: #f4cf7e;
  font-weight: 750;
  letter-spacing: .06em;
}
body.experience-landing .landing-one-page .hero-photo-control {
  bottom: 14px;
  right: 20px;
  z-index: 4;
}

/* Use the EXACT user-supplied campus rainbow photo behind the LOGIN MODAL.
   Do not change the independent welcome-stage slideshow or the login inputs. */
body.landing-body #loginScrim.scrim.is-visible {
  background:
    linear-gradient(110deg, rgba(0,18,34,.38), rgba(2,28,49,.35)),
    url('../images/aupparkrainbow-login.jpg') center 44% / cover no-repeat !important;
  backdrop-filter: blur(3px) saturate(1.02);
}
body.landing-body .login-panel[data-auth-view="login"] .aup-auth-brand-pane {
  background:
    linear-gradient(165deg, rgba(3,27,48,.80), rgba(4,54,87,.82)),
    url('../images/aupparkrainbow-login.jpg') 53% 48% / cover no-repeat;
}

/* Draggable, keyboard-operable floating button (separate from timeline Sync). */
.landing-help-float {
  position: fixed;
  z-index: 85;
  right: 22px;
  bottom: 106px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 2px solid rgba(240,179,35,.9);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #0c5c95, #073451);
  box-shadow: 0 8px 28px rgba(0,15,32,.4), 0 0 0 4px rgba(255,255,255,.13);
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow .16s ease;
}
.landing-help-float:hover,.landing-help-float:focus-visible {
  box-shadow: 0 8px 30px rgba(0,15,32,.48), 0 0 0 5px rgba(240,179,35,.27);
}
.landing-help-float:focus-visible {outline: 3px solid #fff;outline-offset:3px}
.landing-help-float.is-dragging {cursor:grabbing;transition:none}
.landing-help-symbol {font-size:1.19rem;font-weight:900;line-height:1}
.landing-help-caption {font-size:.56rem;font-weight:800;line-height:1.3}

/* Standalone help dialog; login, signup, Forgot Password stay independent. */
.landing-help-dialog:not([open]) {display:none}
.landing-help-dialog[open] {
  display: block;
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: min(650px, calc(100vw - 28px));
  max-width: 650px;
  max-height: min(90dvh, 790px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 22px;
  background: #fff;
  color: #153954;
  box-shadow: 0 35px 100px rgba(0,12,28,.58);
}
.landing-help-dialog::backdrop {background:rgba(0,15,29,.72);backdrop-filter:blur(4px)}
.landing-help-surface {display:flex;flex-direction:column;max-height:min(90dvh,790px)}
.landing-help-header {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:20px 22px;
  border-bottom:4px solid #dcb250;
  background:linear-gradient(115deg,#052943,#0a5487);
  color:#fff;
}
.landing-help-identity {display:flex;align-items:center;gap:12px;min-width:0}
.landing-help-seal {width:45px;height:45px;object-fit:contain;border-radius:50%;background:#fff;padding:3px}
.landing-help-eyebrow {margin:0 0 5px;font-size:.64rem;font-weight:800;letter-spacing:.12em;color:#f3d38b}
.landing-help-header h2 {margin:0;font-size:clamp(1.2rem,3.2vw,1.65rem);line-height:1.2;color:#fff}
.landing-help-close {flex:0 0 auto;width:36px;height:36px;border:1px solid #ffffff73;border-radius:50%;background:#ffffff19;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.landing-help-close:focus-visible,.landing-help-done:focus-visible {outline:3px solid #dcb250;outline-offset:3px}
.landing-help-scroll {overflow-y:auto;padding:22px 25px 18px;font-size:.93rem;line-height:1.6;overscroll-behavior:contain}
.landing-help-intro {margin:0 0 19px;color:#4f6e84}
.landing-help-steps {display:grid;gap:14px;margin:0 0 23px;padding:0;list-style:none}
.landing-help-steps>li {display:flex;gap:14px;align-items:flex-start;border:1px solid #d8e5ef;border-radius:13px;padding:14px 15px;background:#f7fbff}
.landing-help-step-no {display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:#eaf2f9;border-radius:10px;color:#0b5588;font-weight:900}
.landing-help-steps h3 {margin:0 0 5px;font-size:1rem;color:#073b61}
.landing-help-steps p,.landing-help-steps ul {margin:0;color:#48657b}
.landing-help-steps ul {padding-left:17px}
.landing-help-steps li li + li {margin-top:6px}
.landing-help-dialog a {color:#005f9e;font-weight:750;text-underline-offset:2px;overflow-wrap:anywhere}
.landing-help-residence {padding:18px 19px;border:1px solid #e7d0a1;border-radius:14px;background:#fff9ed;color:#425e70}
.landing-help-residence-title {display:flex;gap:10px;align-items:center;margin-bottom:8px;color:#083c62}
.landing-help-residence-title>span {font-size:1.4rem;color:#b07f27}
.landing-help-residence h3 {margin:0;font-size:1.03rem}
.landing-help-residence ol {padding-left:20px;margin:0}
.landing-help-residence li+li {margin-top:7px}
.landing-help-actions {padding:14px 24px;border-top:1px solid #dfebf3;background:#f7fafc;text-align:right}
.landing-help-done {min-height:42px;padding:9px 20px;border:0;border-radius:10px;background:#0b588c;color:#fff;font-weight:800;cursor:pointer}
@media (max-width:600px) {
  body.experience-landing .final-cta.landing-hero.landing-one-page {min-height:max(640px, calc(100svh - 120px));padding:38px 14px 80px}
  body.experience-landing .landing-one-page .landing-welcome-content {padding:20px 12px}
  body.experience-landing .landing-one-page #landingWelcomeHeading {font-size:clamp(2rem,8.4vw,3rem)}
  body.experience-landing .landing-one-page .hero-photo-control {bottom:13px;right:12px}
  .landing-help-float {width:46px;height:46px;right:12px;bottom:94px}
  .landing-help-dialog[open] {width:calc(100vw - 20px);max-height:92dvh;border-radius:17px}
  .landing-help-surface {max-height:92dvh}
  .landing-help-header {padding:15px 14px}
  .landing-help-seal {width:38px;height:38px}
  .landing-help-scroll {padding:17px 14px}
  .landing-help-steps>li {gap:11px;padding:12px 11px}
  .landing-help-residence {padding:15px 13px}
  .landing-help-actions {padding:10px 13px}
}
@media (prefers-reduced-motion:reduce) {
  .landing-help-float {transition:none}
}