/* Üyelik / giriş (hero) alanı için canlı arka plan. Yalnız CSS; tüm motorlarda (WebKit/iOS uygulaması dahil) aynı.
   Katman hero'nun tamamını kaplar; lekeler ve kalpler boyunca dağıtılır, böylece form ekranında da görünür. */
html body .hero#mb-public-hero{position:relative;overflow:hidden;isolation:isolate}
#mb-public-hero .hero-grid{position:relative;z-index:1}
html body #mb-public-hero .lead,html body #mb-public-hero .mb-hero-note{color:#58495c!important}
#mb-public-hero .mb-auth-backdrop{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}
#mb-public-hero .mb-auth-backdrop b{position:absolute;display:block;border-radius:50%;-webkit-transform:translateZ(0);transform:translateZ(0)}
#mb-public-hero .mb-auth-backdrop i{position:absolute;display:block;opacity:.5;-webkit-animation:mbAuthRise 14s linear infinite;animation:mbAuthRise 14s linear infinite}
/* Kalp şekli görsel dosya/data-URI olmadan, yalnız CSS ile (iOS WebKit dahil her yerde çizilir) */
#mb-public-hero .mb-auth-backdrop i::before,#mb-public-hero .mb-auth-backdrop i::after{content:"";position:absolute;top:0;width:52%;height:80%;background:#c2417a;border-radius:999px 999px 0 0}
#mb-public-hero .mb-auth-backdrop i::before{left:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}
#mb-public-hero .mb-auth-backdrop i::after{left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
#mb-public-hero .mb-auth-backdrop i:nth-child(even)::before,#mb-public-hero .mb-auth-backdrop i:nth-child(even)::after{background:#9a63c4}
@-webkit-keyframes mbAuthRise{0%{-webkit-transform:translate3d(0,0,0) scale(.9);opacity:0}12%{opacity:.6}50%{-webkit-transform:translate3d(22px,-35vh,0) scale(1.1)}88%{opacity:.5}100%{-webkit-transform:translate3d(-14px,-70vh,0) scale(.95);opacity:0}}
@keyframes mbAuthRise{0%{transform:translate3d(0,0,0) scale(.9);opacity:0}12%{opacity:.6}50%{transform:translate3d(22px,-35vh,0) scale(1.1)}88%{opacity:.5}100%{transform:translate3d(-14px,-70vh,0) scale(.95);opacity:0}}
#mb-public-hero .mb-auth-backdrop b:nth-child(1){width:80vmax;height:80vmax;top:-12%;left:-30%;background:radial-gradient(circle,rgba(240,150,190,.55) 0,rgba(240,150,190,0) 66%);-webkit-animation:mbAuthBlob0 22s ease-in-out infinite alternate;animation:mbAuthBlob0 22s ease-in-out infinite alternate}
#mb-public-hero .mb-auth-backdrop b:nth-child(2){width:80vmax;height:80vmax;top:10%;left:40%;background:radial-gradient(circle,rgba(190,160,235,.55) 0,rgba(190,160,235,0) 66%);-webkit-animation:mbAuthBlob1 25s ease-in-out infinite alternate;animation:mbAuthBlob1 25s ease-in-out infinite alternate}
#mb-public-hero .mb-auth-backdrop b:nth-child(3){width:80vmax;height:80vmax;top:32%;left:-20%;background:radial-gradient(circle,rgba(255,196,170,.6) 0,rgba(255,196,170,0) 66%);-webkit-animation:mbAuthBlob2 28s ease-in-out infinite alternate;animation:mbAuthBlob2 28s ease-in-out infinite alternate}
#mb-public-hero .mb-auth-backdrop b:nth-child(4){width:80vmax;height:80vmax;top:48%;left:45%;background:radial-gradient(circle,rgba(240,150,190,.55) 0,rgba(240,150,190,0) 66%);-webkit-animation:mbAuthBlob0 31s ease-in-out infinite alternate;animation:mbAuthBlob0 31s ease-in-out infinite alternate}
#mb-public-hero .mb-auth-backdrop b:nth-child(5){width:80vmax;height:80vmax;top:64%;left:-25%;background:radial-gradient(circle,rgba(190,160,235,.55) 0,rgba(190,160,235,0) 66%);-webkit-animation:mbAuthBlob1 34s ease-in-out infinite alternate;animation:mbAuthBlob1 34s ease-in-out infinite alternate}
#mb-public-hero .mb-auth-backdrop b:nth-child(6){width:80vmax;height:80vmax;top:80%;left:40%;background:radial-gradient(circle,rgba(255,196,170,.6) 0,rgba(255,196,170,0) 66%);-webkit-animation:mbAuthBlob2 37s ease-in-out infinite alternate;animation:mbAuthBlob2 37s ease-in-out infinite alternate}
@-webkit-keyframes mbAuthBlob0{from{-webkit-transform:translate3d(0,0,0) scale(1)}to{-webkit-transform:translate3d(18vmax,10vmax,0) scale(1.15)}}
@keyframes mbAuthBlob0{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18vmax,10vmax,0) scale(1.15)}}
@-webkit-keyframes mbAuthBlob1{from{-webkit-transform:translate3d(0,0,0) scale(1)}to{-webkit-transform:translate3d(-16vmax,8vmax,0) scale(0.9)}}
@keyframes mbAuthBlob1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-16vmax,8vmax,0) scale(0.9)}}
@-webkit-keyframes mbAuthBlob2{from{-webkit-transform:translate3d(0,0,0) scale(1)}to{-webkit-transform:translate3d(14vmax,-10vmax,0) scale(1.2)}}
@keyframes mbAuthBlob2{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(14vmax,-10vmax,0) scale(1.2)}}
#mb-public-hero .mb-auth-backdrop i:nth-child(7){top:8.0%;left:44%;width:18px;height:17px;-webkit-animation-duration:17s;animation-duration:17s;-webkit-animation-delay:-11.1s;animation-delay:-11.1s}
#mb-public-hero .mb-auth-backdrop i:nth-child(8){top:12.0%;left:12%;width:16px;height:15px;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-9.3s;animation-delay:-9.3s}
#mb-public-hero .mb-auth-backdrop i:nth-child(9){top:16.0%;left:67%;width:20px;height:18px;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
#mb-public-hero .mb-auth-backdrop i:nth-child(10){top:20.0%;left:56%;width:16px;height:15px;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-delay:-1.3s;animation-delay:-1.3s}
#mb-public-hero .mb-auth-backdrop i:nth-child(11){top:24.0%;left:57%;width:14px;height:13px;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:-11.4s;animation-delay:-11.4s}
#mb-public-hero .mb-auth-backdrop i:nth-child(12){top:28.0%;left:83%;width:14px;height:13px;-webkit-animation-duration:17s;animation-duration:17s;-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
#mb-public-hero .mb-auth-backdrop i:nth-child(13){top:32.0%;left:31%;width:14px;height:13px;-webkit-animation-duration:19s;animation-duration:19s;-webkit-animation-delay:-16.3s;animation-delay:-16.3s}
#mb-public-hero .mb-auth-backdrop i:nth-child(14){top:36.0%;left:40%;width:28px;height:26px;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:-7.0s;animation-delay:-7.0s}
#mb-public-hero .mb-auth-backdrop i:nth-child(15){top:40.0%;left:76%;width:22px;height:20px;-webkit-animation-duration:19s;animation-duration:19s;-webkit-animation-delay:-15.5s;animation-delay:-15.5s}
#mb-public-hero .mb-auth-backdrop i:nth-child(16){top:44.0%;left:26%;width:16px;height:15px;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-delay:-5.2s;animation-delay:-5.2s}
#mb-public-hero .mb-auth-backdrop i:nth-child(17){top:48.0%;left:73%;width:16px;height:15px;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:-6.8s;animation-delay:-6.8s}
#mb-public-hero .mb-auth-backdrop i:nth-child(18){top:52.0%;left:66%;width:28px;height:26px;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-7.4s;animation-delay:-7.4s}
#mb-public-hero .mb-auth-backdrop i:nth-child(19){top:56.0%;left:61%;width:24px;height:22px;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-3.7s;animation-delay:-3.7s}
#mb-public-hero .mb-auth-backdrop i:nth-child(20){top:60.0%;left:26%;width:20px;height:18px;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:-6.9s;animation-delay:-6.9s}
#mb-public-hero .mb-auth-backdrop i:nth-child(21){top:64.0%;left:70%;width:32px;height:29px;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-11.7s;animation-delay:-11.7s}
#mb-public-hero .mb-auth-backdrop i:nth-child(22){top:68.0%;left:39%;width:16px;height:15px;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:-6.1s;animation-delay:-6.1s}
#mb-public-hero .mb-auth-backdrop i:nth-child(23){top:72.0%;left:24%;width:24px;height:22px;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-delay:-12.1s;animation-delay:-12.1s}
#mb-public-hero .mb-auth-backdrop i:nth-child(24){top:76.0%;left:56%;width:14px;height:13px;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:-9.2s;animation-delay:-9.2s}
#mb-public-hero .mb-auth-backdrop i:nth-child(25){top:80.0%;left:76%;width:24px;height:22px;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:-11.1s;animation-delay:-11.1s}
#mb-public-hero .mb-auth-backdrop i:nth-child(26){top:84.0%;left:79%;width:32px;height:29px;-webkit-animation-duration:18s;animation-duration:18s;-webkit-animation-delay:-1.2s;animation-delay:-1.2s}
#mb-public-hero .mb-auth-backdrop i:nth-child(27){top:88.0%;left:14%;width:22px;height:20px;-webkit-animation-duration:18s;animation-duration:18s;-webkit-animation-delay:-12.5s;animation-delay:-12.5s}
#mb-public-hero .mb-auth-backdrop i:nth-child(28){top:92.0%;left:11%;width:14px;height:13px;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-9.7s;animation-delay:-9.7s}
#mb-public-hero .mb-auth-backdrop i:nth-child(29){top:96.0%;left:90%;width:32px;height:29px;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-10.7s;animation-delay:-10.7s}
#mb-public-hero .mb-auth-backdrop i:nth-child(30){top:100.0%;left:88%;width:24px;height:22px;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:-10.3s;animation-delay:-10.3s}
@media (prefers-reduced-motion:reduce){
  /* Hareketi Azalt açıkken: yer değiştirme yok; kalpler yerinde yalnız yavaşça belirip söner */
  #mb-public-hero .mb-auth-backdrop b{-webkit-animation:mbAuthGlow 9s ease-in-out infinite;animation:mbAuthGlow 9s ease-in-out infinite}
  #mb-public-hero .mb-auth-backdrop i{-webkit-animation-name:mbAuthGlow;animation-name:mbAuthGlow;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
}
@-webkit-keyframes mbAuthGlow{0%,100%{opacity:.18}50%{opacity:.7}}
@keyframes mbAuthGlow{0%,100%{opacity:.18}50%{opacity:.7}}

/* Form kartı hafif saydam: arkadaki animasyon üyelik/giriş ekranında da hissedilsin */
html body #mb-public-hero #signup-form.card{background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}