/* Rüya Ailem V8.1.3 — giriş ekranı izolasyonu */
.login .v813PhoneHost{margin:0 0 13px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.login .v813PhoneHost:focus-within{border:0!important;box-shadow:none!important;transform:none!important}
.login .v813PhoneHost>label{display:block!important;margin:0 0 7px!important;color:#748196!important;font-size:10px!important;font-weight:650!important}
.login .v813PhoneField{display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;align-items:stretch!important;min-height:58px!important;border:1px solid #dce4ed!important;border-radius:17px!important;background:#fbfcfe!important;overflow:hidden!important;transition:border-color .16s ease,box-shadow .16s ease!important}
.login .v813PhoneField:focus-within{border-color:#a99bc0!important;box-shadow:0 0 0 4px rgba(148,128,179,.09)!important}
.login .v813PhoneField>span{display:grid!important;place-items:center!important;border-right:1px solid #dfe6ed!important;background:#eef3f8!important;color:#405c79!important;font-size:13px!important;font-weight:850!important}
.login .v813PhoneField>input{width:100%!important;min-width:0!important;height:56px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#26394f!important;font:inherit!important;font-size:16px!important;letter-spacing:.055em!important;animation:none!important;transform:none!important}
.login .v813PhoneField>input::placeholder{color:transparent!important;opacity:0!important}
.login .v813PhoneHint{display:block!important;margin:6px 2px 0!important;color:#96a1af!important;font-size:9px!important;line-height:1.35!important}

.pinEntryField{margin:0 0 13px!important;padding:0!important}
.pinEntryHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 2px 8px!important}
.pinEntryHead>label{margin:0!important;color:#748196!important;font-size:10px!important;font-weight:650!important}
.pinVisibilityToggle{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border:1px solid #e1e7ee!important;border-radius:11px!important;background:#f1f4f8!important;color:#718198!important;padding:0!important;margin:0!important;cursor:pointer!important;box-shadow:none!important;transition:background .16s ease,color .16s ease,border-color .16s ease!important}
.pinVisibilityToggle:hover,.pinVisibilityToggle.visible{background:#eaf1f7!important;color:#486984!important;border-color:#d3e0eb!important}
.pinVisibilityToggle svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pinBoxes{display:grid!important;gap:8px!important;width:100%!important}
.pinEntryField[data-pin-length="6"] .pinBoxes{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.pinEntryField[data-pin-length="8"] .pinBoxes{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.pinDigitWrap{min-width:0!important;display:block!important;position:relative!important}
.pinDigit{display:block!important;width:100%!important;min-width:0!important;height:54px!important;padding:0!important;margin:0!important;text-align:center!important;border:1px solid #dce4ed!important;border-radius:14px!important;background:#fbfcfe!important;color:#2d4058!important;outline:0!important;box-shadow:none!important;font:inherit!important;font-size:19px!important;font-weight:750!important;line-height:1!important;caret-color:#6c7fa4!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important}
.pinDigit:focus{border-color:#a99bc0!important;box-shadow:0 0 0 3px rgba(148,128,179,.09)!important;background:#fff!important}
.pinDigit:disabled{opacity:.68!important;cursor:wait!important}
.pinBoxes.complete .pinDigitWrap{animation:v813PinReady .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--pin-index) * 24ms)}
@keyframes v813PinReady{0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-7px) rotate(calc((var(--pin-index) - 2.5) * 1.2deg))}72%{transform:translateY(2px) rotate(0)}}
.v813PinRule{display:block!important;margin:-4px 2px 2px!important;color:#96a1af!important;font-size:9px!important;line-height:1.35!important}

.login .loginButton,.login .v813StaticLoginButton{background:#7f91b4!important;background-image:none!important;transform:none!important;animation:none!important;transition:background .16s ease,opacity .16s ease!important;box-shadow:0 9px 22px rgba(58,76,110,.14)!important}
.login .loginButton:before,.login .loginButton:after,.login .animatedLoginButton:before,.login .animatedLoginButton:after{display:none!important;content:none!important;animation:none!important}
.login .loginButton:hover{transform:none!important;box-shadow:0 9px 22px rgba(58,76,110,.14)!important}
.login .loginButton i{transition:none!important}

@media(max-width:480px){
 .pinBoxes{gap:6px!important}.pinDigit{height:49px!important;border-radius:12px!important;font-size:17px!important}
 .pinEntryField[data-pin-length="8"] .pinBoxes{gap:4px!important}.pinEntryField[data-pin-length="8"] .pinDigit{height:45px!important;border-radius:10px!important;font-size:15px!important}
 .login .v813PhoneField{grid-template-columns:56px minmax(0,1fr)!important;min-height:54px!important}.login .v813PhoneField>input{height:52px!important}
}
@media(prefers-reduced-motion:reduce){.pinBoxes.complete .pinDigitWrap{animation:none!important}}

/* Vanilla emergency login shell: compiled React bundle untouched, login isolated. */
.loginBox.v813NativeLoginMounted>.loginTabs,.loginBox.v813NativeLoginMounted>form,.loginBox.v813NativeLoginMounted>.statusBox,.loginBox.v813NativeLoginMounted>.parentRegisterStep{display:none!important}
.v813NativeLogin{display:block!important}.v813NativeTabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:4px;border-radius:15px;background:#f0f2f1}.v813NativeTabs button{min-height:44px;border:0;border-radius:12px;background:transparent;color:#273b55;font:inherit;font-size:12px;cursor:pointer}.v813NativeTabs button.active{color:#314b78;background:#fff;box-shadow:0 7px 18px rgba(45,59,76,.08)}
.v813NativeForm h2{font-size:29px!important;line-height:1.1!important;letter-spacing:-.04em!important;color:#283850!important;margin:2px 0 8px!important}.v813NativeLead{color:#7c8796;font-size:12px;line-height:1.55;margin:0 0 17px}.v813NativeError{margin:0 0 12px;padding:10px 12px;border-radius:13px;background:#fff1f1;color:#a94747;font-size:10px;line-height:1.45}.v813NativeSuccess{background:#edf8f2;color:#397359}
.v813NativeUsername{position:relative;margin:0 0 13px;padding:9px 12px;border:1px solid #e1e7ed;border-radius:17px;background:#fbfcfd}.v813NativeUsername:focus-within{border-color:#b1a4c7;box-shadow:0 0 0 4px rgba(148,128,179,.09)}.v813NativeUsername label{display:block;margin-bottom:3px;color:#7f8a99;font-size:9px}.v813NativeUsername input{width:100%;min-height:34px;border:0;outline:0;background:transparent;padding:0;color:#26394f;font:inherit;font-size:14px;box-shadow:none}
.v813NativeLogin .authLinks{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:10px!important}.v813NativeLogin .authLinks button{border:0!important;background:transparent!important;color:#49678f!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important}
.v813LoginSuccess .pinDigitWrap{animation:v813PinConfirm .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--pin-index) * 28ms)}.v813LoginSuccess .pinDigit{border-color:#9dccb5!important;background:#eff8f3!important;color:#3c7f60!important}
@keyframes v813PinConfirm{0%{transform:none}42%{transform:translateY(-10px) rotate(calc((var(--pin-index) - 3) * 2deg))}75%{transform:translateY(2px) scale(.96)}100%{transform:none}}
.v813LegacyPinHidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.v813LegacyPinWrap{display:grid;gap:8px;margin-top:2px}.v813LegacyPinHead{display:flex;justify-content:flex-end}.v813LegacyPinWrap .pinVisibilityToggle{justify-self:end}.v813LegacyPinWrap .pinBoxes{gap:7px}.v805Form label:has(.v813LegacyPinWrap){gap:6px!important}