#loginmodal{direction:rtl;text-align:right;padding:16px!important}
#loginmodal .modal-dialog{width:100%;max-width:450px;margin:24px auto;min-height:calc(100% - 48px)}
#loginmodal .modal-content{border:1px solid #e0e7e6;border-radius:24px;background:#fff;box-shadow:0 28px 90px #122c4250;overflow:hidden}
#loginmodal .modal-header{position:relative;display:block;border:0;padding:26px 30px 20px;background:linear-gradient(125deg,#f9f6f0,#eff6f6);text-align:center}
#loginmodal .login-brand img{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:50%;background:#fff;padding:5px;box-shadow:0 4px 16px #1c58600a}
#loginmodal .login-brand span{font-size:11px;color:#708188;letter-spacing:.3px}
#loginmodal .close{position:absolute;top:12px;left:12px;margin:0;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #dce5e5;border-radius:50%;background:#ffffffbc;font-size:27px;font-weight:400;line-height:1;color:#48616b;opacity:1;text-shadow:none;float:none}
#loginmodal .close:hover{background:#fff;color:#103e52}
#loginmodal .modal-body{padding:26px 30px 22px;max-height:calc(100dvh - 215px);overflow-y:auto}
#loginmodal h2{font-size:24px;line-height:1.7;color:#193f50;font-weight:700;margin:0 0 7px}
#loginmodal #login-description{font-size:13px;color:#6b7d84;line-height:1.9;margin:0 0 24px}
#loginmodal .form-group{margin:0 0 20px;position:relative}
#loginmodal label{font-size:13px;font-weight:600;color:#345260;margin-bottom:10px}
#loginmodal .form-control{height:54px!important;min-height:54px;border:1px solid #cbd9dd;border-radius:12px;background:#f9fbfb;font-size:21px!important;padding:10px 16px;text-align:left!important;letter-spacing:1.5px;color:#183f51;box-shadow:none;transition:border-color .15s,box-shadow .15s}
#loginmodal .form-control:focus{background:#fff;border-color:#4e91a8;box-shadow:0 0 0 3px #18698316}
#loginmodal .form-control::placeholder{color:#97a8af;opacity:1;font-size:17px;letter-spacing:1px}
#loginmodal .form-control[readonly]{background:#f1f4f4;color:#6a7d85}
#loginmodal #code{text-align:center!important;font-size:26px!important;letter-spacing:8px}
#loginmodal #code::placeholder{letter-spacing:0;font-size:15px}
#loginmodal small{font-size:12px;line-height:1.9;color:#6a7e86!important;margin-top:8px}
#loginmodal .countdown{float:left;font-size:13px!important;line-height:24px;color:#376a7c!important;background:#edf5f7;border-radius:7px;padding:1px 9px;direction:ltr;font-variant-numeric:tabular-nums}
#loginmodal #login{min-height:54px;background:#125977;border:1px solid #125977;border-radius:12px;font-size:15px;font-weight:700;box-shadow:0 6px 16px #12597722;margin-top:6px}
#loginmodal #login:hover{background:#0b465e;border-color:#0b465e}#loginmodal #login:disabled{opacity:.65;box-shadow:none;cursor:wait}
#loginmodal .login-policy{text-align:center;font-size:11px;line-height:1.9;color:#7a8b90;margin:20px 0 0}#loginmodal .login-policy a{color:#366d80;text-decoration:underline;text-underline-offset:3px}#loginmodal .login-policy span{margin:0 5px}#loginmodal .login-policy i{margin-left:4px}
#loginmodal button:focus-visible,#loginmodal a:focus-visible{outline:3px solid #88b5c5;outline-offset:3px}
@media(max-width:575px){#loginmodal{padding:12px!important}#loginmodal .modal-dialog{margin:12px auto;min-height:calc(100% - 24px)}#loginmodal .modal-content{border-radius:20px}#loginmodal .modal-header{padding:22px 20px 16px}#loginmodal .modal-body{padding:22px 22px 20px}#loginmodal h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#loginmodal .form-control{transition:none}}