/* SMAORA safe entry v2 — visual-only overlay on top of the canonical portal runtime. */
:root{--smaora-entry-blue:#2569eb;--smaora-entry-navy:#111b38;--smaora-entry-muted:#78859d;--smaora-entry-line:#e5ebf4;--smaora-entry-bg:#f4f8fd}

@media (max-width:820px){
  #loadingView.hidden{display:none!important}

  #loadingView.loading-screen:not(.hidden){position:fixed!important;inset:0!important;z-index:90000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:28px!important;background:linear-gradient(180deg,#f7fbff 0%,#edf6ff 55%,#f7f9fd 100%)!important;color:var(--smaora-entry-navy)!important;overflow:hidden!important}
  #loadingView .loading-logo{width:84px!important;height:84px!important;margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:24px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 18px 45px rgba(30,83,165,.12)!important;display:grid!important;place-items:center!important}
  #loadingView .loading-logo img{display:block!important;width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important}
  #loadingView h1{margin:0!important;font-size:28px!important;line-height:1.25!important;font-weight:950!important;color:var(--smaora-entry-navy)!important;text-align:center!important}
  #loadingView p{margin:4px 0 0!important;font-size:13px!important;color:var(--smaora-entry-muted)!important;text-align:center!important}
  #loadingView .spinner{width:28px!important;height:28px!important;margin-top:12px!important;border-width:3px!important}

  #authModal.auth-modal:not(.hidden){position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:stretch!important;padding:0!important;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 60%,#f4f7fc 100%)!important;overflow:auto!important}
  #authModal.auth-modal:not(.hidden) .auth-backdrop{display:none!important}
  #authModal.auth-modal:not(.hidden) .auth-panel{position:relative!important;width:100%!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:42px 24px 28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:visible!important}
  #authModal.auth-modal:not(.hidden) .auth-brand{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;text-align:center!important;margin:0 0 18px!important}
  #authModal.auth-modal:not(.hidden) .auth-brand img{width:64px!important;height:64px!important;max-width:64px!important;object-fit:contain!important;filter:drop-shadow(0 12px 24px rgba(35,103,235,.16))}
  #authModal.auth-modal:not(.hidden) .auth-brand div{display:flex!important;flex-direction:column!important;align-items:center!important}
  #authModal.auth-modal:not(.hidden) .auth-brand span{font-size:27px!important;line-height:1!important;font-weight:950!important;color:var(--smaora-entry-navy)!important}
  #authModal.auth-modal:not(.hidden) .auth-brand small{margin-top:7px!important;font-size:11px!important;color:#8b96aa!important}
  #authModal.auth-modal:not(.hidden) #authTitle{margin:0!important;text-align:center!important;font-size:22px!important;font-weight:900!important;color:var(--smaora-entry-navy)!important}
  #authModal.auth-modal:not(.hidden) .auth-subtitle{margin:8px 0 20px!important;text-align:center!important;font-size:12px!important;color:#8490a4!important}
  #authModal.auth-modal:not(.hidden) .tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;margin:0 0 18px!important;border:1px solid var(--smaora-entry-line)!important;border-radius:14px!important;background:#f5f8fc!important}
  #authModal.auth-modal:not(.hidden) .tab{min-height:42px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#66748e!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important}
  #authModal.auth-modal:not(.hidden) .tab.active{background:linear-gradient(135deg,#2266e9,#3182fb)!important;color:#fff!important;box-shadow:0 9px 20px rgba(35,103,235,.18)!important}
  #authModal.auth-modal:not(.hidden) .auth-security-note{display:none!important}
  #authModal.auth-modal:not(.hidden) form label{display:block!important;margin:0 0 12px!important;color:#4d5a73!important;font-size:11px!important;font-weight:800!important}
  #authModal.auth-modal:not(.hidden) input{height:52px!important;width:100%!important;margin-top:6px!important;padding:0 14px!important;border:1px solid #e1e8f2!important;border-radius:13px!important;background:#fbfcfe!important;color:#18233d!important;font-size:16px!important;outline:none!important;box-shadow:none!important}
  #authModal.auth-modal:not(.hidden) input:focus{border-color:#79aaff!important;box-shadow:0 0 0 3px rgba(44,116,240,.09)!important;background:#fff!important}
  #authModal.auth-modal:not(.hidden) .btn.btn-primary{min-height:52px!important;border:0!important;border-radius:13px!important;background:linear-gradient(100deg,#1d62e7,#2d7df6)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 13px 26px rgba(34,104,234,.2)!important}
  #authModal.auth-modal:not(.hidden) .auth-forgot{display:block!important;margin:13px auto 0!important;text-align:center!important;color:#4e75ba!important;font-size:11px!important;font-weight:750!important}
  #authModal.auth-modal:not(.hidden) .auth-close{display:none!important}
}

@media (min-width:821px){
  #authModal.auth-modal:not(.hidden){background:linear-gradient(145deg,#f9fbff 0%,#eef6ff 54%,#f7f8ff 100%)!important}
  #authModal.auth-modal:not(.hidden) .auth-panel{width:min(480px,calc(100vw - 56px))!important;border-radius:26px!important;border:1px solid rgba(219,227,240,.94)!important;box-shadow:0 32px 80px rgba(38,65,110,.14)!important}
}
/* SMAORA safe entry v2.1 — mobile signup containment */
#authModal.auth-modal:not(.hidden) .hidden{display:none!important}
@media (max-width:820px){
  body.smaora-signup-active #authModal.auth-modal:not(.hidden) .auth-panel{
    justify-content:flex-start!important;
    padding-top:max(28px,calc(env(safe-area-inset-top) + 18px))!important;
    padding-bottom:max(30px,calc(env(safe-area-inset-bottom) + 22px))!important;
  }
  body.smaora-signup-active #authModal .auth-brand{margin-bottom:12px!important}
  body.smaora-signup-active #authModal .auth-brand img{width:52px!important;height:52px!important}
  body.smaora-signup-active #authModal #authTitle{font-size:20px!important}
  body.smaora-signup-active #authModal .auth-subtitle{margin-bottom:14px!important}
  #authModal #signupForm:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    max-width:560px!important;
    margin-inline:auto!important;
    padding-bottom:28px!important;
  }
  #authModal .signup-kind-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:0 0 16px!important;
    width:100%!important;
  }
  #authModal .signup-kind-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-areas:"icon title" "icon note"!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:2px!important;
    width:100%!important;
    min-height:68px!important;
    margin:0!important;
    padding:11px 13px!important;
    border:1px solid #e2e8f2!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#17213a!important;
    text-align:right!important;
    box-shadow:0 7px 18px rgba(35,63,103,.05)!important;
    overflow:hidden!important;
  }
  #authModal .signup-kind-card.active{
    border-color:#7eabff!important;
    background:#f3f7ff!important;
    box-shadow:0 8px 22px rgba(37,105,235,.09)!important;
  }
  #authModal .signup-kind-card .kind-icon{
    grid-area:icon!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    background:#eef4ff!important;
    color:#2569eb!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  #authModal .signup-kind-card b{
    grid-area:title!important;
    display:block!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    white-space:normal!important;
  }
  #authModal .signup-kind-card small{
    grid-area:note!important;
    display:block!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:650!important;
    color:#7b879b!important;
    white-space:normal!important;
  }
  #authModal .school-signup-fields{display:flex!important;flex-direction:column!important;width:100%!important}
  #authModal .signup-two-cols{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important}
  #authModal .trial-badge:not(.hidden){
    display:block!important;
    margin:0 0 14px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    background:#eef6ff!important;
    color:#315c9f!important;
    font-size:11px!important;
    line-height:1.5!important;
  }
  #authModal .field-note{
    display:block!important;
    margin-top:6px!important;
    color:#7e899d!important;
    font-size:10px!important;
    line-height:1.45!important;
  }
  #authModal label.signup-consent-row{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:4px 0 14px!important;
    padding:11px 12px!important;
    border:1px solid #e7ecf4!important;
    border-radius:12px!important;
    background:#fbfcfe!important;
    font-size:10px!important;
    line-height:1.55!important;
  }
  #authModal label.signup-consent-row input{
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    min-height:20px!important;
    margin:1px 0 0!important;
    padding:0!important;
    border-radius:5px!important;
  }
  #authModal #signupHint{margin:10px 0 0!important;text-align:center!important;font-size:10px!important;color:#7d899d!important}
}


/* SMAORA hero hierarchy refinement v2.3.1 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{
    font-size:clamp(38px,10.5vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{
    display:block!important;
    margin-top:10px!important;
    color:#2f6df6!important;
    font-size:clamp(20px,5.8vw,25px)!important;
    line-height:1.32!important;
    font-weight:850!important;
    letter-spacing:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en{
    display:block!important;
    width:100%!important;
    margin:8px 0 0!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
    color:#66758e!important;
    font-size:clamp(10.5px,2.9vw,13px)!important;
    line-height:1.55!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en strong{
    color:#2f6df6!important;
    font-weight:900!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{
    margin:15px 0 18px!important;
    color:#6a7890!important;
    font-size:13px!important;
    line-height:1.78!important;
  }
}


/* SMAORA unified premium hero v2.4.0 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero{
    padding:18px 0 34px!important;
    background:linear-gradient(180deg,#f7fbff 0%,#f1f7ff 100%)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    min-height:790px!important;
    padding:24px 16px 20px!important;
    overflow:hidden!important;
    border:1px solid #dbe7f5!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 18% 8%,rgba(88,174,255,.18),transparent 28%),
      radial-gradient(circle at 85% 18%,rgba(59,126,245,.13),transparent 30%),
      linear-gradient(180deg,#eef7ff 0%,#f8fbff 48%,#edf6ff 100%)!important;
    box-shadow:0 24px 60px rgba(28,72,138,.12)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid::before{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0 0!important;
    height:43%!important;
    z-index:0!important;
    background:
      linear-gradient(180deg,rgba(238,247,255,1) 0%,rgba(238,247,255,.58) 12%,rgba(238,247,255,.04) 34%,rgba(14,47,94,.08) 100%),
      url("/assets/landing/smaora-concept-campus.webp") center bottom/cover no-repeat!important;
    pointer-events:none!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(132deg,rgba(255,255,255,.30) 0 18%,transparent 18% 100%),
      radial-gradient(circle at 50% 31%,rgba(255,255,255,.72),transparent 31%)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:0!important;
    text-align:center!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-kicker{
    align-self:center!important;
    width:auto!important;
    max-width:100%!important;
    min-height:38px!important;
    margin:0 0 20px!important;
    padding:8px 13px!important;
    border:1px solid rgba(255,255,255,.95)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 8px 24px rgba(38,81,145,.08)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    color:#334d72!important;
    font-size:11px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{
    margin:0!important;
    color:#125cc9!important;
    font-size:clamp(42px,12vw,58px)!important;
    line-height:.98!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
    text-shadow:0 8px 22px rgba(33,101,213,.08)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{
    display:block!important;
    margin-top:18px!important;
    color:#14294b!important;
    font-size:clamp(21px,6vw,28px)!important;
    line-height:1.35!important;
    font-weight:900!important;
    letter-spacing:0!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en{
    display:block!important;
    width:100%!important;
    margin:9px auto 0!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:center!important;
    color:#62718a!important;
    font-size:clamp(10.5px,2.9vw,13px)!important;
    line-height:1.55!important;
    font-weight:600!important;
    letter-spacing:.005em!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en strong{
    color:#1768e8!important;
    font-weight:950!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{
    max-width:570px!important;
    margin:18px auto 18px!important;
    color:#5f6f87!important;
    font-size:12.75px!important;
    line-height:1.8!important;
    text-align:center!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.82fr)!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    direction:rtl!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>*{
    min-width:0!important;
    min-height:52px!important;
    width:100%!important;
    margin:0!important;
    padding:10px 10px!important;
    border-radius:15px!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>.ssp-primary{
    box-shadow:0 13px 30px rgba(34,103,235,.24)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>.ssp-secondary{
    background:rgba(255,255,255,.78)!important;
    border-color:rgba(190,210,239,.92)!important;
    box-shadow:0 10px 24px rgba(32,66,114,.07)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-proof{
    display:none!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{
    position:relative!important;
    z-index:2!important;
    min-height:326px!important;
    margin:14px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-top,
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-visual{
    display:none!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-height:0!important;
    padding:8px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.90)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.66)!important;
    box-shadow:0 16px 34px rgba(34,75,135,.10)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span{
    min-width:0!important;
    min-height:86px!important;
    padding:9px 3px 8px!important;
    border:1px solid rgba(224,233,246,.95)!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    color:#1b355b!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    box-shadow:0 7px 16px rgba(28,57,100,.045)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(1){
    background:linear-gradient(180deg,rgba(239,246,255,.96),rgba(230,241,255,.90))!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(2){
    background:linear-gradient(180deg,rgba(239,252,249,.96),rgba(229,248,242,.90))!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(3){
    background:linear-gradient(180deg,rgba(255,248,237,.97),rgba(255,240,217,.90))!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span:nth-child(4){
    background:linear-gradient(180deg,rgba(248,243,255,.97),rgba(239,232,255,.90))!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span svg{
    width:35px!important;
    height:35px!important;
    flex:0 0 35px!important;
    padding:7px!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.56)!important;
    border:1px solid rgba(255,255,255,.88)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 12px rgba(30,68,120,.06)!important;
  }
}

@media (max-width:390px){
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{
    min-height:760px!important;
    padding:20px 13px 18px!important;
    border-radius:24px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-kicker{
    margin-bottom:17px!important;
    font-size:10.3px!important;
    padding-inline:10px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{
    font-size:clamp(39px,11.5vw,50px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{
    font-size:clamp(19px,5.8vw,23px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{
    font-size:12px!important;
    margin-top:15px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions{
    gap:7px!important;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-actions>*{
    min-height:49px!important;
    padding-inline:7px!important;
    font-size:11px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{
    min-height:314px!important;
    margin-top:12px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals{
    gap:5px!important;
    padding:6px!important;
    border-radius:17px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span{
    min-height:80px!important;
    padding-inline:2px!important;
    font-size:9.3px!important;
    border-radius:13px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals>span svg{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    padding:6px!important;
    border-radius:10px!important;
  }
}


/* SMAORA concept parity refinement v2.4.1 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{
    min-height:760px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid::before{
    height:45%!important;
    background:
      linear-gradient(180deg,rgba(238,247,255,1) 0%,rgba(238,247,255,.42) 8%,rgba(238,247,255,0) 24%,rgba(10,41,84,.03) 100%),
      url("/assets/landing/smaora-concept-campus.webp") center bottom/cover no-repeat!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1{
    background:linear-gradient(180deg,#1380f4 0%,#0753bd 72%,#073b94 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:#0d61d6!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{
    max-width:100%!important;
    margin:18px auto 0!important;
    color:#13274a!important;
    -webkit-text-fill-color:#13274a!important;
    background:none!important;
    font-size:clamp(18.5px,5vw,23px)!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en{
    -webkit-text-fill-color:#62718a!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-acronym-en strong{
    -webkit-text-fill-color:#1768e8!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy>p{
    margin:17px auto 16px!important;
    font-size:12.5px!important;
    line-height:1.72!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{
    min-height:300px!important;
    margin-top:12px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-portals{
    margin-top:0!important;
  }
}
@media (max-width:390px){
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-grid{
    min-height:735px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-hero-copy h1 .smaora-meaning-ar{
    font-size:clamp(17.5px,5.1vw,21px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] body .ssp-campus-card{
    min-height:292px!important;
  }
}


/* SMAORA approved concept exactness v2.4.2 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand>img{
    display:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand{
    gap:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand span{
    align-items:flex-end!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-header .ssp-brand strong{
    font-size:22px!important;
    letter-spacing:.025em!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero{
    padding:14px 0 28px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid{
    min-height:700px!important;
    padding:20px 15px 16px!important;
    border-radius:26px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 14% 4%,rgba(118,196,255,.30),transparent 28%),
      radial-gradient(circle at 88% 18%,rgba(87,154,247,.21),transparent 31%),
      linear-gradient(180deg,#dff2ff 0%,#eef8ff 30%,#f9fcff 62%,#eef7ff 100%)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid::before{
    height:31%!important;
    z-index:0!important;
    background:
      linear-gradient(180deg,rgba(233,247,255,.98) 0%,rgba(233,247,255,.26) 13%,rgba(233,247,255,0) 30%,rgba(9,39,78,.025) 100%),
      url("/assets/landing/smaora-concept-campus.webp") center bottom/cover no-repeat!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid::after{
    background:
      linear-gradient(126deg,rgba(255,255,255,.28) 0 17%,transparent 17% 100%),
      radial-gradient(circle at 50% 27%,rgba(255,255,255,.75),transparent 33%)!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker{
    margin-bottom:18px!important;
    min-height:36px!important;
    padding:8px 12px!important;
    font-size:10.7px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker::after{
    content:"✦"!important;
    display:inline-block!important;
    margin-inline-start:7px!important;
    color:#1b73ee!important;
    font-size:13px!important;
    line-height:1!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1{
    font-size:clamp(46px,12.6vw,60px)!important;
    line-height:.96!important;
    margin:0!important;
    background:linear-gradient(180deg,#1383f6 0%,#0863d8 48%,#073e9a 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    text-shadow:none!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-meaning-ar{
    margin-top:17px!important;
    color:#10264a!important;
    -webkit-text-fill-color:#10264a!important;
    background:none!important;
    font-size:clamp(15.5px,4.5vw,18px)!important;
    line-height:1.3!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-acronym-en{
    margin-top:8px!important;
    text-align:center!important;
    color:#65738a!important;
    -webkit-text-fill-color:#65738a!important;
    font-size:clamp(9.5px,2.7vw,11.5px)!important;
    line-height:1.45!important;
    font-weight:600!important;
    white-space:nowrap!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-acronym-en strong{
    color:#126fe8!important;
    -webkit-text-fill-color:#126fe8!important;
    font-weight:950!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy>p{
    max-width:94%!important;
    margin:17px auto 16px!important;
    color:#566880!important;
    font-size:11.7px!important;
    line-height:1.72!important;
    text-align:center!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-actions{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    gap:8px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-actions>*{
    min-height:50px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
  }

  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-card{
    min-height:248px!important;
    margin-top:12px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals{
    position:relative!important;
    z-index:3!important;
    padding:7px!important;
    gap:6px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.70)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals>span{
    min-height:78px!important;
    padding:7px 2px!important;
    border-radius:14px!important;
    font-size:9.4px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals>span svg{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
    padding:6px!important;
  }
}

@media (max-width:390px){
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid{
    min-height:675px!important;
    padding:18px 12px 14px!important;
    border-radius:23px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker{
    margin-bottom:15px!important;
    font-size:9.8px!important;
    padding-inline:9px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1{
    font-size:clamp(43px,12.3vw,52px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-meaning-ar{
    font-size:clamp(14.4px,4.25vw,16.6px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1 .smaora-acronym-en{
    font-size:clamp(8.6px,2.55vw,10.4px)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy>p{
    margin:14px auto 14px!important;
    font-size:10.8px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-actions>*{
    min-height:47px!important;
    font-size:10.7px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-card{
    min-height:236px!important;
    margin-top:10px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals{
    gap:5px!important;
    padding:6px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals>span{
    min-height:73px!important;
    font-size:8.9px!important;
  }
}


/* SMAORA hero final composition v2.4.3 */
@media (max-width:820px){
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero{
    padding:16px 0 26px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid{
    min-height:auto!important;
    padding:20px 15px 16px!important;
    overflow:hidden!important;
    border-radius:26px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid::before{
    display:none!important;
    content:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid::after{
    z-index:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy{
    position:relative!important;
    z-index:2!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:3!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    margin:0 auto 18px!important;
    transform:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-copy h1{
    margin:0!important;
    transform:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-card{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:330px!important;
    margin:12px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:22px!important;
    background:
      linear-gradient(180deg,rgba(236,248,255,.96) 0%,rgba(236,248,255,.70) 10%,rgba(236,248,255,.16) 28%,rgba(236,248,255,0) 45%),
      url("/assets/landing/smaora-concept-campus.webp") center bottom/100% auto no-repeat!important;
    box-shadow:0 16px 36px rgba(27,64,116,.10)!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-top,
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-visual{
    display:none!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-portals{
    position:relative!important;
    z-index:4!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:7px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 14px 30px rgba(30,68,124,.11)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
  }
}
@media (max-width:390px){
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero{
    padding-top:13px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-hero-grid{
    padding:18px 12px 14px!important;
    border-radius:23px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-kicker{
    margin-bottom:15px!important;
  }
  html[data-smaora-theme-package="smaora-reference-blue"] #guestView .ssp-campus-card{
    min-height:305px!important;
    margin-top:10px!important;
    border-radius:19px!important;
  }
}


/* SMAORA independent services mobile refinement v1.0 */
@media (max-width:680px){
  #independent-services{padding:38px 0!important}
  #independent-services .ssp-section-head{margin-bottom:16px!important}
  #independent-services .ssp-section-head h2{
    margin:7px 0 8px!important;
    font-size:26px!important;
    line-height:1.35!important
  }
  #independent-services .ssp-section-head p{
    font-size:12px!important;
    line-height:1.72!important
  }
  #independent-services .ssp-independent-grid{
    gap:9px!important
  }
  #independent-services .ssp-independent-grid article{
    min-height:88px!important;
    padding:13px 14px!important;
    gap:12px!important;
    border-radius:15px!important
  }
  #independent-services .ssp-independent-grid svg{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important
  }
  #independent-services .ssp-independent-grid b{
    font-size:16px!important;
    line-height:1.35!important
  }
  #independent-services .ssp-independent-grid span{
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.55!important
  }
}
@media (max-width:390px){
  #independent-services .ssp-section-head h2{font-size:24px!important}
  #independent-services .ssp-independent-grid article{
    min-height:84px!important;
    padding:12px 13px!important
  }
  #independent-services .ssp-independent-grid b{font-size:15px!important}
}