/* UniSocials branded first-load intro — intentionally uses the site's existing light green visual language. */
#unisocials-intro {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 18% 22%, rgba(102,187,106,.16), transparent 34%),
    radial-gradient(circle at 82% 78%, rgba(46,125,50,.10), transparent 36%),
    linear-gradient(145deg, #f8fbf9 0%, #eef7f0 52%, #e4f0e8 100%);
  opacity: 1;
  visibility: visible;
  transition: opacity .7s cubic-bezier(.16,1,.3,1), visibility .7s;
  overflow: hidden;
}
#unisocials-intro.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
#unisocials-intro::before,
#unisocials-intro::after {
  content: '';
  position: absolute;
  width: 72vmax;
  height: 72vmax;
  border: 1px solid rgba(27,94,32,.09);
  border-radius: 50%;
  animation: unIntroOrbit 7s linear infinite;
}
#unisocials-intro::after { width: 48vmax; height: 48vmax; animation-duration: 5s; animation-direction: reverse; border-color: rgba(102,187,106,.12); }
.un-intro-shell { position: relative; z-index: 2; width: min(92vw, 720px); text-align: center; padding: 32px 24px; }
.un-intro-logo-wrap {
  width: clamp(130px, 24vw, 190px);
  height: clamp(130px, 24vw, 190px);
  margin: 0 auto 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(27,94,32,.10);
  box-shadow: 0 22px 60px rgba(27,94,32,.12), inset 0 0 0 10px rgba(27,94,32,.025);
  display: grid;
  place-items: center;
  animation: unIntroFloat 2.8s ease-in-out infinite;
}
.un-intro-logo { width: 86%; height: 86%; object-fit: contain; }
.un-intro-name {
  font-size: clamp(2.2rem, 7vw, 4.3rem);
  line-height: 1;
  letter-spacing: .11em;
  font-weight: 700;
  color: #0d1e0f;
  margin-top: 14px;
}
.un-intro-name span { color: #1b5e20; }
.un-intro-rule { display:flex; align-items:center; justify-content:center; gap:12px; margin:18px auto 12px; color:#3a5c3e; }
.un-intro-rule::before,.un-intro-rule::after { content:''; width:clamp(30px,8vw,70px); height:1px; background:#1b5e20; opacity:.55; }
.un-intro-tagline { font-size: clamp(.76rem, 2.3vw, 1rem); letter-spacing:.18em; font-weight:600; color:#3a5c3e; text-transform:uppercase; }
.un-intro-tagline b { color:#2e7d32; }
.un-intro-copy { margin:30px auto 20px; max-width:560px; color:#3a5c3e; font-size:clamp(.9rem,2.5vw,1.05rem); line-height:1.7; }
.un-intro-loader { width:min(360px,82vw); height:5px; margin:0 auto; border-radius:99px; background:rgba(27,94,32,.10); overflow:hidden; }
.un-intro-loader span { display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,#1b5e20,#66bb6a); animation:unIntroProgress 4s cubic-bezier(.16,1,.3,1) forwards; }
.un-intro-status { margin-top:11px; font-size:.68rem; letter-spacing:.22em; text-transform:uppercase; color:#6b8c6e; }
.un-intro-dots { position:absolute; inset:0; pointer-events:none; opacity:.5; }
.un-intro-dots i { position:absolute; width:5px; height:5px; border-radius:50%; background:#66bb6a; animation:unIntroPulse 2.2s ease-in-out infinite; }
.un-intro-dots i:nth-child(1){left:13%;top:27%;animation-delay:.2s}.un-intro-dots i:nth-child(2){left:84%;top:21%;animation-delay:.7s}.un-intro-dots i:nth-child(3){left:88%;top:68%;animation-delay:1.1s}.un-intro-dots i:nth-child(4){left:9%;top:76%;animation-delay:1.5s}.un-intro-dots i:nth-child(5){left:23%;top:83%;animation-delay:1.9s}.un-intro-dots i:nth-child(6){left:75%;top:82%;animation-delay:.9s}
@keyframes unIntroProgress { from{width:0} to{width:100%} }
@keyframes unIntroFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
@keyframes unIntroOrbit { from{transform:rotate(0deg) scale(1)} to{transform:rotate(360deg) scale(1.03)} }
@keyframes unIntroPulse { 0%,100%{transform:scale(.7);opacity:.3}50%{transform:scale(1.8);opacity:1} }
@media (prefers-reduced-motion: reduce) {
  #unisocials-intro::before,#unisocials-intro::after,.un-intro-logo-wrap,.un-intro-loader span,.un-intro-dots i { animation:none; }
  .un-intro-loader span { width:100%; }
}