/* KARA 67 — frosted login, scoped to the existing verified OTP dialog. */
#login-dialog{box-sizing:border-box!important;width:min(460px,calc(100vw - 28px))!important;max-width:460px!important;max-height:calc(100dvh - 28px)!important;margin:auto!important;padding:49px 36px 27px!important;border:1px solid #ffffffed!important;border-radius:30px!important;background:linear-gradient(135deg,#fffffff0,#fff9f4e8 60%,#f7edf0e8)!important;color:#69473f!important;backdrop-filter:blur(32px) saturate(1.15)!important;-webkit-backdrop-filter:blur(32px) saturate(1.15)!important;box-shadow:0 30px 110px #38242e36,inset 0 1px 0 #fff!important;overflow:auto!important;scrollbar-width:none!important;outline:none!important;direction:rtl!important;text-align:right!important}
#login-dialog::backdrop{background:#3c303b70!important;backdrop-filter:blur(18px) saturate(.75)!important;-webkit-backdrop-filter:blur(18px) saturate(.75)!important}#login-dialog::-webkit-scrollbar,#login-dialog *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}#login-dialog *{box-sizing:border-box;scrollbar-width:none!important}#login-dialog [hidden]{display:none!important}
#login-dialog:before{content:'';display:block;width:61px;height:75px;margin:0 auto 17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 76' fill='none'%3E%3Cpath d='M31 70c0-20 4-32 1-45m0 34c-13-3-20-11-21-20 13 1 19 9 21 20m0-10c12-3 18-12 19-21-12 4-17 10-19 21' stroke='%23949b7b' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M32 30C17 27 12 16 16 6c8 0 12 5 15 11C36 7 43 5 49 8c3 11-4 19-17 22Z' fill='%23ead6dd' stroke='%23a57b8c' stroke-width='1.2'/%3E%3Cpath d='M32 28c0-10-4-15-8-20m8 20c7-7 10-13 10-18' stroke='%23b899a5'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
#login-dialog #close-login{position:absolute!important;left:18px!important;right:auto!important;top:18px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e7dbd4a6!important;border-radius:50%!important;background:#ffffffa8!important;box-shadow:0 3px 10px #76574d05!important;color:#9a7b78!important;cursor:pointer}#login-dialog #close-login svg{width:15px!important;height:15px!important}#login-dialog>.eyebrow{display:block;text-align:center;font-size:8px!important;letter-spacing:3.1px!important;color:#af9586!important;direction:ltr;margin:0 0 15px!important}#login-dialog #login-title{font-size:28px!important;font-weight:400!important;line-height:1.8!important;letter-spacing:-.7px!important;text-align:center!important;color:#6b4144!important;margin:0 0 12px!important}#login-dialog>p:not(#login-error){text-align:center!important;font-size:12px!important;color:#a08778!important;line-height:2.15!important;margin:0 auto 27px!important;max-width:330px}#login-dialog form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}#login-dialog label{display:block!important;font-size:11px!important;line-height:1.9!important;color:#9b7c6c!important;margin:0 0 18px!important}#login-dialog input{display:block!important;width:100%!important;min-height:56px!important;margin:9px 0 0!important;padding:14px 17px!important;font:inherit!important;font-size:17px!important;line-height:1.6!important;letter-spacing:1px!important;direction:ltr!important;text-align:center!important;background:#ffffffba!important;border:1px solid #dfcfc5!important;border-radius:16px!important;box-shadow:inset 0 1px 0 #fff,0 3px 10px #61453903!important;color:#6b4544!important;outline:none!important;transition:border-color .2s,box-shadow .2s}#login-dialog input:focus{border-color:#b08698!important;box-shadow:0 0 0 3px #8c4c6510,inset 0 1px 0 #fff!important;outline:none!important}#login-dialog input::placeholder{color:#b5a294!important;opacity:1!important;font-size:14px!important;letter-spacing:1px!important}#login-dialog input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fcf9f6 inset!important;-webkit-text-fill-color:#6b4544!important;caret-color:#6b4544}#login-dialog input[name=code]{font-size:25px!important;letter-spacing:9px!important;padding-right:8px!important;min-height:65px!important}#login-dialog input::-webkit-inner-spin-button,#login-dialog input::-webkit-outer-spin-button{appearance:none!important;margin:0!important}#login-dialog .button{display:block!important;width:100%!important;min-height:50px!important;padding:13px 22px!important;border:1px solid #76364e!important;border-radius:100px!important;background:linear-gradient(125deg,#803d56,#642b42)!important;color:#fffaf8!important;font:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.8!important;box-shadow:0 7px 20px #76364e19,inset 0 1px 0 #ffffff24!important;cursor:pointer;transition:box-shadow .2s,background .2s}#login-dialog .button:hover{background:linear-gradient(125deg,#894961,#70314a)!important;box-shadow:0 8px 24px #76364e24!important}#login-dialog button:disabled{opacity:.5!important;cursor:wait!important}#login-dialog button:focus-visible{outline:2px solid #af7e94!important;outline-offset:4px!important}#login-dialog #resend{display:block;width:fit-content!important;padding:6px 0!important;margin:16px auto 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #d6c0b7!important;border-radius:0!important;color:#a18073!important;font-size:10px!important;text-align:center;line-height:1.9;cursor:pointer;box-shadow:none!important}#login-dialog #login-error{display:block!important;background:#f2e3e5a8!important;border:1px solid #ecd6da!important;border-radius:14px!important;color:#a26874!important;font-size:10px!important;line-height:2.1!important;padding:12px 14px!important;margin:18px 0 0!important;text-align:right!important;overflow-wrap:anywhere}#login-dialog #login-error:empty{display:none!important}#login-dialog>small{display:block!important;margin-top:23px!important;padding-top:17px!important;border-top:1px solid #e4d7ce99!important;text-align:center!important;color:#b09a87!important;font-size:9px!important;line-height:2!important}
@media(max-width:520px){#login-dialog{padding:43px 25px 23px!important;border-radius:26px!important}#login-dialog:before{width:52px;height:64px;margin-bottom:14px}#login-dialog #login-title{font-size:25px!important}#login-dialog>p:not(#login-error){font-size:11px!important;margin-bottom:22px!important}#login-dialog #close-login{left:15px!important;top:15px!important}#login-dialog .button{min-height:49px!important}}@media(max-height:630px){#login-dialog{padding-top:30px!important}#login-dialog:before{width:38px;height:46px;margin-bottom:8px}#login-dialog #login-title{font-size:24px!important;margin-bottom:7px!important}#login-dialog>p:not(#login-error){margin-bottom:17px!important}#login-dialog>.eyebrow{margin-bottom:9px!important}#login-dialog>small{margin-top:17px!important;padding-top:12px!important}}@media(prefers-reduced-motion:reduce){#login-dialog *{transition:none!important}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#login-dialog{background:#fffaf5!important}}
