/* Rüya V8.0.1 urgent UX hotfix — adapted from Nevxup Center v5.2 OTP Motion */
.login.v801Login{min-height:100svh;display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr)!important;background:linear-gradient(145deg,#f7fafc,#f7f5fa 58%,#fbf6f3)!important;overflow:hidden;--v801-navy:#263b79;--v801-lilac:#9b83b3;--v801-blue:#7ca2c1}
.v801LoginArt{position:relative!important;isolation:isolate;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(160deg,#f7fafc 0%,#eef5f7 45%,#f5eff7 100%)!important;padding:54px!important;overflow:hidden!important}
.v801AuthAura{position:absolute;width:540px;height:400px;border-radius:50%;background:radial-gradient(circle at 34% 38%,rgba(132,171,197,.27),transparent 42%),radial-gradient(circle at 69% 61%,rgba(165,130,183,.24),transparent 43%),radial-gradient(circle at 50% 50%,rgba(240,205,194,.2),transparent 58%);filter:blur(2px);animation:v801Aura 7s ease-in-out infinite alternate;z-index:-3}
.v801Orbit{position:absolute;border:1px solid rgba(124,145,176,.12);border-radius:50%;z-index:-2}.v801Orbit.one{width:400px;height:400px;animation:v801Spin 24s linear infinite}.v801Orbit.two{width:540px;height:540px;animation:v801Spin 34s linear infinite reverse}
.v801LoginBrand{display:flex!important;flex-direction:column;align-items:center;text-align:center;max-width:510px;z-index:2}.v801LoginBrand img{width:188px!important;height:112px!important;object-fit:contain!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 46px rgba(49,65,89,.08)!important;animation:v801LogoIn .8s cubic-bezier(.16,.85,.3,1) both}.v801BrandKicker{margin-top:18px;color:#77869a;font-size:10px;font-weight:800;letter-spacing:.16em}.v801LoginBrand h1{margin:7px 0!important;font-size:42px!important;color:#263a55!important;font-weight:650!important;letter-spacing:-.045em}.v801LoginBrand p{max-width:410px;margin:0!important;color:#7c8997!important;font-size:14px!important;line-height:1.6}.v801VerifiedPill{margin-top:18px;padding:8px 12px;border-radius:999px;background:#e9f5ef;color:#39745b;font-size:10px;font-weight:750;animation:v801Pill .55s .28s both}
.v801Float{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(227,231,237,.85);border-radius:15px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(42,61,82,.07);backdrop-filter:blur(12px);font-size:9px;color:#637286;animation:v801Float 4.5s ease-in-out infinite}.v801Float span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#eff3f6;color:#6c7990}.v801Float.f1{left:11%;top:20%}.v801Float.f2{right:9%;top:29%;animation-delay:-1.5s}.v801Float.f3{left:16%;bottom:17%;animation-delay:-2.8s}
.v801LoginPanel{display:flex!important;align-items:center!important;justify-content:center!important;padding:42px!important;background:rgba(255,255,255,.68)!important;backdrop-filter:blur(18px)}.v801LoginBox{width:min(480px,100%)!important;padding:27px 28px 24px!important;border:1px solid rgba(221,226,233,.9)!important;border-radius:30px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 28px 70px rgba(43,58,78,.09)!important;animation:v801Panel .72s .12s cubic-bezier(.18,.82,.33,1) both}.v801LoginTabs{margin-bottom:24px!important;background:#f0f2f1!important;padding:4px!important;border-radius:15px!important}.v801LoginTabs button{min-height:43px!important;border-radius:12px!important}.v801LoginTabs button.active{color:#314b78!important;background:#fff!important;box-shadow:0 7px 18px rgba(45,59,76,.07)!important}.v801Kicker{font-size:9px;letter-spacing:.12em;color:#8a94a1;font-weight:800;margin-bottom:6px}.v801LoginBox h2{font-size:28px!important;letter-spacing:-.04em;color:#283850!important;margin:4px 0 6px!important}.v801LoginBox form>p{margin:0 0 18px!important;color:#7c8796!important;font-size:12px!important;line-height:1.55}
.v801LoginBox .v801AuthField{position:relative;margin:0 0 11px!important;padding:9px 12px!important;border:1px solid #e3e8ee!important;border-radius:17px!important;background:#fbfcfd!important;transition:border-color .18s,box-shadow .18s,transform .18s}.v801LoginBox .v801AuthField:focus-within{border-color:#b1a4c7!important;box-shadow:0 0 0 4px rgba(148,128,179,.09)!important;transform:translateY(-1px)}.v801LoginBox .v801AuthField label{font-size:9px!important;color:#7f8a99!important;margin-bottom:3px!important}.v801LoginBox .v801AuthField input{width:100%!important;min-height:32px!important;border:0!important;outline:0!important;background:transparent!important;padding:0!important;font-size:14px!important;color:#26394f!important;box-shadow:none!important}
.v801LoginBox .v801AuthPrimary{position:relative;overflow:hidden;min-height:52px!important;margin-top:14px!important;border-radius:16px!important;background:linear-gradient(105deg,#7598b7 0%,#8b84b2 54%,#a487b0 100%)!important;box-shadow:0 14px 28px rgba(77,91,128,.16)!important}.v801LoginBox .v801AuthPrimary:after{content:"";position:absolute;inset:0 auto 0 -45%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-18deg);animation:v801Shimmer 3.4s 1.1s infinite}.v801AuthLinks{gap:12px!important}.v801AuthLinks button{font-size:11px!important;color:#49678f!important}
.loginInstallCard{width:100%;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:16px;padding:11px;border:1px solid #e1e7ed;border-radius:16px;background:linear-gradient(135deg,#f3f7f8,#f5f0f7);text-align:left;color:#334960}.loginInstallCard img{width:43px;height:43px;border-radius:12px}.loginInstallCard span b,.loginInstallCard span small{display:block}.loginInstallCard span b{font-size:10px}.loginInstallCard span small{margin-top:3px;color:#7b8898;font-size:8px;line-height:1.4}.loginInstallCard i{font-style:normal;font-size:8px;font-weight:800;color:#fff;background:#596f9e;border-radius:10px;padding:9px 10px;white-space:nowrap}
/* parent alert must sit below the hero, never under it */
.role-parent #v800PushPrompt{position:relative!important;z-index:4!important;margin:14px 8px 14px!important}
/* parent drawer logout remains always visible at the bottom */
.parentMobileDrawer.v801Drawer{grid-template-rows:auto auto minmax(0,1fr) auto!important}.parentMobileDrawer.v801Drawer .parentDrawerFooter{position:relative!important;z-index:3!important;display:block!important;flex:none!important;background:#f8f9fc!important}.parentMobileDrawer.v801Drawer .parentDrawerLogout{display:grid!important;visibility:visible!important;opacity:1!important;min-height:52px!important}.parentMobileDrawer.v801Drawer .parentDrawerNav{min-height:0!important}
/* admin parent access clean 2-column composition */
.parentAccessLayout,.parentAccessLayout.v801ParentAccess{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr)!important;align-items:start!important;gap:16px!important}.parentAccessLayout>#parentAccessActivationMount,.parentAccessLayout>#v800ActivationAdmin{grid-column:1/-1!important;grid-row:1!important;margin:0!important}.parentAccessLayout>#parentAccessActivationMount:empty{display:none!important}.parentAccessLayout>#parentAccessActivationMount:not(:empty){display:block!important}.parentAccessLayout>.card:first-of-type{grid-column:1!important;grid-row:2!important;min-width:0}.parentAccessLayout>form.card{grid-column:2!important;grid-row:2!important;min-width:0;position:sticky;top:18px}.parentAccessLayout .parentAccountCard{grid-template-columns:minmax(220px,1fr) minmax(220px,.9fr) minmax(190px,.55fr)!important;gap:14px!important}.parentAccessLayout .parentAccountActions{min-width:0}.parentAccessLayout #v800ActivationAdmin{border-radius:20px!important}
@keyframes v801Aura{to{transform:scale(1.06) rotate(3deg)}}@keyframes v801Spin{to{transform:rotate(360deg)}}@keyframes v801Float{50%{transform:translateY(-7px)}}@keyframes v801LogoIn{from{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes v801Panel{from{opacity:0;transform:translateY(18px) scale(.985)}}@keyframes v801Pill{from{opacity:0;transform:translateY(7px)}}@keyframes v801Shimmer{0%,68%{left:-45%}100%{left:125%}}
@media(max-width:980px){.login.v801Login{grid-template-columns:.84fr 1.16fr!important}.v801Float{display:none}.parentAccessLayout,.parentAccessLayout.v801ParentAccess{grid-template-columns:1fr!important}.parentAccessLayout>#parentAccessActivationMount,.parentAccessLayout>#v800ActivationAdmin,.parentAccessLayout>.card:first-of-type,.parentAccessLayout>form.card{grid-column:1!important;grid-row:auto!important}.parentAccessLayout>form.card{position:static!important}.parentAccessLayout .parentAccountCard{grid-template-columns:1fr!important}}
@media(max-width:780px){.login.v801Login{display:block!important;background:linear-gradient(180deg,#f3f7f8 0%,#f7f3f8 44%,#fbf7f4 100%)!important}.v801LoginArt{height:276px!important;padding:26px 18px 44px!important}.v801AuthAura{width:330px;height:240px}.v801Orbit.one{width:240px;height:240px}.v801Orbit.two{width:320px;height:320px}.v801LoginBrand img{width:126px!important;height:74px!important;border-radius:18px!important}.v801BrandKicker{margin-top:9px;font-size:8px}.v801LoginBrand h1{font-size:27px!important;margin:4px 0!important}.v801LoginBrand p{max-width:290px;font-size:10px!important}.v801VerifiedPill{margin-top:9px;padding:6px 9px;font-size:8px}.v801LoginPanel{display:block!important;padding:0 10px 24px!important;background:transparent!important;backdrop-filter:none!important}.v801LoginBox{margin:-22px auto 0!important;padding:20px 16px 16px!important;border-radius:26px!important}.v801LoginBox h2{font-size:23px!important}.v801LoginBox .v801AuthField{min-height:61px!important}.v801LoginBox .v801AuthPrimary{min-height:50px!important}.loginInstallCard{grid-template-columns:38px minmax(0,1fr)!important}.loginInstallCard img{width:38px;height:38px}.loginInstallCard i{grid-column:1/-1;text-align:center;width:100%;padding:9px}.role-parent #v800PushPrompt{margin:12px 4px 14px!important}.parentAccessLayout{display:block!important}.parentAccessLayout>*{margin-bottom:14px!important}.parentAccessLayout .parentAccountCard{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.v801Login *{animation:none!important;transition:none!important}}
