/* POMOSDA — SECTION 12 VISUAL + MOTION R3 */
.pomosda-modern-boarding-section.s12r3{
  --s12-green:#075f51;--s12-gold:#f3c623;--s12-ease:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;overflow:hidden;background:#075f51!important;
}
.pomosda-modern-boarding-section.s12r3::before{
  content:"";position:absolute;z-index:0;top:10%;right:-110px;width:360px;height:360px;
  border:1px solid rgba(255,255,255,.08);border-radius:47% 53% 56% 44% / 43% 46% 54% 57%;
  transform:rotate(14deg);pointer-events:none;
}
.pomosda-modern-boarding-section.s12r3::after{
  content:"";position:absolute;z-index:0;left:4%;top:18%;width:62px;height:62px;opacity:.22;
  background:radial-gradient(circle,rgba(243,198,35,.92) 0 2px,transparent 2.6px) 0 0/12px 12px;
  pointer-events:none;
}
.pomosda-modern-boarding-section.s12r3 .s12r3-orbit{
  position:absolute;z-index:0;right:8%;bottom:18%;width:180px;height:180px;border:1px solid rgba(243,198,35,.13);
  border-radius:50%;pointer-events:none;
}
.pomosda-modern-boarding-section.s12r3 .s12r3-orbit::before,
.pomosda-modern-boarding-section.s12r3 .s12r3-orbit::after{content:"";position:absolute;border-radius:50%}
.pomosda-modern-boarding-section.s12r3 .s12r3-orbit::before{
  width:9px;height:9px;top:14px;left:23px;background:var(--s12-gold);box-shadow:0 0 0 6px rgba(243,198,35,.08)
}
.pomosda-modern-boarding-section.s12r3 .s12r3-orbit::after{inset:22px;border:1px dashed rgba(255,255,255,.08)}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__container{position:relative;z-index:2}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__visual{position:relative;isolation:isolate}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__visual::after{
  content:"";position:absolute;z-index:-1;left:50%;bottom:7%;width:72%;height:11%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.18) 0%,rgba(0,0,0,.08) 44%,transparent 72%);
  transform:translateX(-50%);filter:blur(6px);pointer-events:none;
}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__students{transform-origin:50% 82%;will-change:transform}
.pomosda-modern-boarding-section.s12r3.s12r3-ready:not(.is-s12r3-visible) .pomosda-modern-boarding-section__students{
  opacity:0;translate:-32px 18px;scale:.965;clip-path:inset(0 100% 0 0 round 28px)
}
.pomosda-modern-boarding-section.s12r3.s12r3-ready .pomosda-modern-boarding-section__students{
  transition:opacity 860ms var(--s12-ease),translate 860ms var(--s12-ease),scale 860ms var(--s12-ease),clip-path 980ms var(--s12-ease)
}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .pomosda-modern-boarding-section__students{
  opacity:1;translate:0 0;scale:1;clip-path:inset(0 0 0 0 round 28px)
}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__content{position:relative}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__content::before{
  content:"";position:absolute;left:-26px;top:10%;width:3px;height:78%;border-radius:999px;
  background:linear-gradient(180deg,var(--s12-gold) 0 16%,rgba(255,255,255,.20) 16% 55%,rgba(255,255,255,.05) 55% 100%);
  opacity:.78
}
.pomosda-modern-boarding-section.s12r3.s12r3-ready:not(.is-s12r3-visible) .pomosda-modern-boarding-section__body{
  opacity:0;translate:24px 0;filter:blur(3px)
}
.pomosda-modern-boarding-section.s12r3.s12r3-ready .pomosda-modern-boarding-section__body{
  transition:opacity 760ms var(--s12-ease) 180ms,translate 760ms var(--s12-ease) 180ms,filter 760ms ease 180ms
}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .pomosda-modern-boarding-section__body{opacity:1;translate:0 0;filter:none}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__body strong{position:relative;z-index:0;color:#fff}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__body strong::after{
  content:"";position:absolute;z-index:-1;right:-2px;bottom:.06em;left:-2px;height:.22em;border-radius:999px;
  background:rgba(243,198,35,.34);transform:scaleX(0);transform-origin:left center
}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .pomosda-modern-boarding-section__body strong::after{
  animation:s12r3StrongLine 720ms var(--s12-ease) 620ms 1 forwards
}
@keyframes s12r3StrongLine{to{transform:scaleX(1)}}
.pomosda-modern-boarding-section.s12r3.s12r3-ready:not(.is-s12r3-visible) .pomosda-modern-boarding-section__cta{
  opacity:0;translate:0 14px;scale:.96
}
.pomosda-modern-boarding-section.s12r3.s12r3-ready .pomosda-modern-boarding-section__cta{
  transition:opacity 620ms var(--s12-ease) 420ms,translate 620ms var(--s12-ease) 420ms,scale 620ms var(--s12-ease) 420ms,transform 180ms ease,box-shadow 180ms ease
}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .pomosda-modern-boarding-section__cta{opacity:1;translate:0 0;scale:1}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .pomosda-modern-boarding-section__cta::after{
  content:"";position:absolute;inset:-6px;border:1px solid rgba(243,198,35,.36);border-radius:inherit;opacity:0;
  animation:s12r3CtaHalo 1.2s ease 1s 1 both;pointer-events:none
}
@keyframes s12r3CtaHalo{0%{opacity:0;scale:.96}35%{opacity:.65}100%{opacity:0;scale:1.10}}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__footer{position:relative}
.pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__footer::before{
  content:"POMOSDA";display:block;margin:0 auto 8px;color:rgba(255,255,255,.46);font-family:"Poppins",sans-serif;
  font-size:10px;font-weight:700;letter-spacing:.24em;text-align:center
}
.pomosda-modern-boarding-section.s12r3.s12r3-ready:not(.is-s12r3-visible) .pomosda-modern-boarding-section__footer{
  opacity:0;translate:0 24px;letter-spacing:.04em
}
.pomosda-modern-boarding-section.s12r3.s12r3-ready .pomosda-modern-boarding-section__footer{
  transition:opacity 760ms var(--s12-ease) 560ms,translate 760ms var(--s12-ease) 560ms,letter-spacing 920ms var(--s12-ease) 560ms
}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .pomosda-modern-boarding-section__footer{
  opacity:1;translate:0 0;letter-spacing:normal
}
.pomosda-modern-boarding-section.s12r3 .s12r3-sheen{
  position:absolute;z-index:4;inset:2% 5% 7%;overflow:hidden;border-radius:34px;pointer-events:none
}
.pomosda-modern-boarding-section.s12r3 .s12r3-sheen::before{
  content:"";position:absolute;top:-20%;bottom:-20%;left:-45%;width:28%;rotate:10deg;opacity:0;
  background:linear-gradient(100deg,transparent 0,rgba(255,255,255,.06) 20%,rgba(255,255,255,.34) 48%,rgba(243,198,35,.10) 62%,transparent 100%)
}
.pomosda-modern-boarding-section.s12r3.is-s12r3-visible .s12r3-sheen::before{
  animation:s12r3Sweep 880ms var(--s12-ease) 760ms 1 both
}
@keyframes s12r3Sweep{0%{opacity:0;translate:0 0}20%{opacity:.72}100%{opacity:0;translate:570% 0}}
@media (min-width:981px) and (hover:hover) and (pointer:fine){
  .pomosda-modern-boarding-section.s12r3.is-s12r3-visible::before{animation:s12r3ContourFloat 9s ease-in-out infinite alternate}
  .pomosda-modern-boarding-section.s12r3.is-s12r3-visible .s12r3-orbit{animation:s12r3OrbitFloat 8s ease-in-out infinite alternate}
  @keyframes s12r3ContourFloat{from{translate:0 0;rotate:14deg}to{translate:-12px 9px;rotate:18deg}}
  @keyframes s12r3OrbitFloat{from{translate:0 0}to{translate:8px -8px}}
}
@media (max-width:980px){
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__content::before{display:none}
  .pomosda-modern-boarding-section.s12r3::before{width:260px;height:260px;right:-120px}
  .pomosda-modern-boarding-section.s12r3 .s12r3-orbit{display:none}
}
@media (max-width:620px){
  .pomosda-modern-boarding-section.s12r3::after{width:48px;height:48px;background-size:10px 10px}
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__students{clip-path:none!important}
  .pomosda-modern-boarding-section.s12r3 .s12r3-sheen{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pomosda-modern-boarding-section.s12r3 *,.pomosda-modern-boarding-section.s12r3 *::before,.pomosda-modern-boarding-section.s12r3 *::after{
    animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important
  }
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__students,
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__body,
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__cta,
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__footer{
    opacity:1!important;translate:0!important;scale:1!important;filter:none!important;clip-path:none!important
  }
  .pomosda-modern-boarding-section.s12r3 .pomosda-modern-boarding-section__body strong::after{transform:scaleX(1)!important}
}