/* Shared admin/member sign-in surface; the video stays visible outside the compact panel. */
.uts-login { margin:0; background:#0b1728; color:#f3f7ff; font-family:"Segoe UI",Arial,sans-serif; }
.uts-login .limiter { min-height:100%; background:transparent; }
.uts-login .container-login100 { position:relative; isolation:isolate; min-height:100vh; min-height:100svh; height:auto; padding:28px 18px; overflow:visible; background:transparent; }
.uts-login #background-video { position:fixed; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; z-index:-2; }
.uts-login .container-login100::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:linear-gradient(120deg,rgba(7,17,32,.18),rgba(7,17,32,.04) 55%,rgba(7,17,32,.2)); }
.uts-login .wrap-login100 { position:relative; width:440px; max-width:100%; height:auto; padding:30px 32px 24px; border:1px solid rgba(224,235,255,.25); border-radius:18px; background:rgba(15,29,49,.30); box-shadow:0 20px 70px rgba(4,13,27,.3),inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(1.5px); -webkit-backdrop-filter:blur(1.5px); overflow:visible; }
.uts-login .wrap-login100::before { content:""; position:absolute; top:-1px; inset-inline:32px; height:2px; border-radius:2px; background:linear-gradient(90deg,transparent,#78a8f5,transparent); pointer-events:none; }
.uts-login .login100-form-title { display:flex; justify-content:center; bottom:auto; margin:0 0 26px; padding:0; line-height:1; }
.uts-login .login100-form-title img { display:block; width:240px; max-width:100%; height:76px; object-fit:contain; padding:6px 0; background:transparent; border:0; border-radius:0; box-shadow:none; filter:drop-shadow(0 2px 4px rgba(0,0,0,.28)); }
.uts-login .login100-form h4 { margin:0 0 14px!important; font:500 14px/1.5 "Segoe UI",Arial,sans-serif; color:#e8f0ff; overflow-wrap:anywhere; }
.uts-login .login100-form h4:has(>span:empty) { display:none; }
.uts-login .login100-form h4 .text-danger { color:#ffb7be!important; }
.uts-login :is(.wrap-input100,.wrap-select100) { position:relative; width:100%; margin-bottom:14px; border:1px solid rgba(214,228,251,.25); border-radius:9px; background:rgba(255,255,255,.055); transition:border-color .15s,box-shadow .15s,background .15s; }
.uts-login :is(.wrap-input100,.wrap-select100):hover { border-color:rgba(214,228,251,.48); }
.uts-login :is(.wrap-input100,.wrap-select100):focus-within { border-color:#86b4ff; background:rgba(255,255,255,.09); box-shadow:0 0 0 3px rgba(104,157,246,.18); }
.uts-login :is(.input100,.inputselect100) { width:100%; height:50px; min-width:0; padding:0 14px 0 46px!important; border:0; border-radius:8px; background:transparent; color:#fff; font:400 16px/1.4 "Segoe UI",Arial,sans-serif; text-align:start; box-shadow:none; }
.uts-login .inputselect100 { padding-inline-end:32px!important; cursor:pointer; color-scheme:dark; }
.uts-login .inputselect100 option { color:#20314c; background:#fff; }
.uts-login #txtSirket { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23d5e3fa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:10px 6px; background-position:right 14px center!important; padding-inline-end:38px!important; }
html[dir="rtl"] .uts-login #txtSirket { background-position:left 14px center!important; }

.uts-login .input100::placeholder { color:#ccd8eb; opacity:1; }
.uts-login .input100:focus::placeholder { color:#ccd8eb; opacity:.8; }
.uts-login .input100:-webkit-autofill { -webkit-background-clip:text; -webkit-text-fill-color:#fff; caret-color:#fff; }
.uts-login .input100:-webkit-autofill::first-line { color:#fff; font-family:"Segoe UI",Arial,sans-serif; }
.uts-login .focus-input100::before { display:none; }
.uts-login .focus-input100::after { top:0; bottom:0; left:auto; right:auto; inset-inline-start:0; width:44px; height:auto; padding:0; font-size:20px; color:#b6cae8; }
.uts-login .input100:focus+.focus-input100::after,.uts-login .has-val.input100+.focus-input100::after { color:#aacaff; }
.uts-login .login100-form>.row { margin:20px 0 0!important; align-items:center; gap:12px; }
.uts-login .login100-form>.row>.col-6 { flex:1 1 0; width:auto; max-width:none; min-width:0; padding:0; }
.uts-login .login100-form>.row>.col-6:first-child { flex:0 0 auto; }
.uts-login .login100-social-item { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0 6px 0 0; border:1px solid rgba(221,234,255,.2); border-radius:9px; color:#d5e3fa; background:rgba(255,255,255,.06); font-size:15px; transition:background .15s,border-color .15s; }
.uts-login .login100-social-item:last-child { margin:0; }
.uts-login .login100-social-item:hover { color:#fff; background:rgba(119,166,244,.2); border-color:rgba(159,193,249,.7); }
.uts-login .wrap-login100-form-btn { border:1px solid rgba(156,192,255,.32); border-radius:9px; background:#3e76ce; box-shadow:0 5px 18px rgba(13,49,110,.22); }
.uts-login .login100-form-bgbtn { display:none; }
.uts-login .login100-form-btn { position:relative; width:100%; min-height:46px; height:auto; padding:12px 16px; font:600 16px/1.4 "Segoe UI",Arial,sans-serif; text-transform:none; color:#fff; background:linear-gradient(135deg,#4c86dc,#326bc5); transition:background .15s; overflow-wrap:anywhere; }
.uts-login .login100-form-btn:hover { background:#3168ba; }
.uts-login .login100-form-btn:disabled { cursor:wait; opacity:.7; }
.uts-login :is(button,a,select):focus-visible { outline:2px solid #b2d0ff!important; outline-offset:3px; }
.uts-login .container-login100-form-btn:empty { display:none; }
.uts-login .txt1 { margin-top:24px; padding:18px 0 0; border-top:1px solid rgba(224,235,255,.16); color:#cad6e9; font:400 12px/1.8 "Segoe UI",Arial,sans-serif; overflow-wrap:anywhere; }
.uts-login .txt1 a { color:inherit; font:inherit; }
.uts-login .txt1 a:hover { color:#fff; }
html[dir="rtl"] .uts-login :is(.input100,.inputselect100) { padding:0 46px 0 14px!important; }
html[dir="rtl"] .uts-login .inputselect100 { padding-inline-end:32px!important; }
html[dir="rtl"] .uts-login select.inputselect100:not([multiple]):not([size]) { padding-right:46px!important; padding-left:32px!important; }
html[dir="rtl"] .uts-login .login100-social-item { margin:0 0 0 6px; }
html[dir="rtl"] .uts-login .login100-social-item:last-child { margin:0; }
@media(max-width:480px) {
 .uts-login .container-login100 { padding:20px 14px; }
 .uts-login .wrap-login100 { padding:26px 22px 20px; border-radius:15px; }
 .uts-login .login100-form-title { margin-bottom:22px; }
 .uts-login .login100-form>.row { gap:10px; }
 .uts-login .login100-social-item { width:30px; height:30px; }
 .uts-login .login100-form-btn { padding-inline:10px; }
}
@media(max-height:580px) { .uts-login .container-login100 { align-items:flex-start; padding-block:16px; } }
@media(prefers-reduced-motion:reduce) { .uts-login * { transition:none!important; } }
@media(forced-colors:active) { .uts-login .wrap-login100 { border:1px solid CanvasText; background:Canvas; color:CanvasText; } }

/* Immediate progress feedback; keep the original localized button label visible. */
.uts-login .login100-form-btn.uts-signing-in { display:flex; justify-content:center; align-items:center; gap:10px; opacity:1; overflow:hidden; background:linear-gradient(110deg,#326bc5,#6098ed,#326bc5); background-size:200% 100%; animation:uts-signin-glow 2s ease-in-out infinite; }
.uts-login .login100-form-btn.uts-signing-in::before { content:""; flex:0 0 17px; width:17px; height:17px; border:2px solid #ffffff55; border-top-color:#fff; border-radius:50%; animation:uts-signin-spin .7s linear infinite; }
.uts-login .login100-form-btn.uts-signing-in::after { content:""; position:absolute; bottom:0; left:0; width:35%; height:3px; background:#c9e1ff; border-radius:3px; animation:uts-signin-progress 1.4s ease-in-out infinite alternate; }
@keyframes uts-signin-spin { to { transform:rotate(360deg); } }
@keyframes uts-signin-glow { 50% { background-position:100% 0; } }
@keyframes uts-signin-progress { to { left:65%; } }
@media(prefers-reduced-motion:reduce) { .uts-login .login100-form-btn.uts-signing-in,.uts-login .login100-form-btn.uts-signing-in::before,.uts-login .login100-form-btn.uts-signing-in::after { animation:none; } }