#loginModal.s27-login-modal{padding:24px 16px;background:rgba(1,13,24,.78);backdrop-filter:blur(9px);z-index:10000;overflow-y:auto}
#loginModal .s27-login-card{position:relative;width:min(450px,100%);max-width:450px;max-height:calc(100dvh - 48px);overflow:auto;padding:0!important;border:1px solid #c7d6df!important;border-radius:24px!important;background:#fff!important;color:#10283e;box-shadow:0 30px 100px #0009;text-align:left;font-family:SLVText,Arial,sans-serif}
#loginModal .modal-close{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#071c30b8;color:white;font:18px Arial;cursor:pointer}
#loginModal .s27-login-arena{min-height:174px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:linear-gradient(0deg,#041827da,#07253c45),url('arena.png') center 52%/cover;border-bottom:3px solid #ff8000}
#loginModal .s27-login-arena img{display:block;width:88px;height:88px;object-fit:contain;border-radius:12px;box-shadow:0 7px 24px #0005}
#loginModal .s27-login-arena span{color:#fff;font:700 11px Arial,sans-serif;letter-spacing:.2em}
#loginModal .s27-login-body{padding:26px 32px 24px}
#loginModal .s27-login-welcome{text-align:center;margin-bottom:24px}
#loginModal .s27-login-welcome h2{margin:0 0 5px!important;color:#0a2237!important;font:800 38px/1.05 SLVSport,'Arial Narrow',sans-serif!important;text-transform:none!important;letter-spacing:0!important}
#loginModal .s27-login-welcome p{margin:0;color:#667888!important;font-size:15px}
#loginModal #roleSelector{display:none!important}
#loginModal .s27-login-label{display:block;margin:18px 0 8px!important;font:600 13px Arial,sans-serif;color:#263e52!important}
#loginModal .s27-login-field{display:flex;align-items:center;gap:11px;position:relative;min-height:50px;padding:0 14px;border:1px solid #d4dfe7!important;border-radius:12px!important;background:#f5f8fb!important;transition:border-color .18s,box-shadow .18s}
#loginModal .s27-login-field:focus-within{border-color:#ed7900!important;box-shadow:0 0 0 3px #ff80001c}
#loginModal .s27-login-field>svg{width:20px;height:20px;flex:none;fill:none;stroke:#60798c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#loginModal .s27-login-field input{display:block;width:100%;min-width:0;height:49px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#102b41!important;font:16px Arial,sans-serif}
#loginModal .s27-login-field input::placeholder{color:#8494a1}
#loginModal #togglePassword{position:static;display:grid;place-items:center;flex:none;width:30px;height:36px;padding:4px;margin:0;border:0!important;background:transparent!important;color:#526b7d;cursor:pointer;transform:none}
#loginModal #togglePassword svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
#loginModal #togglePassword[aria-pressed=true]{color:#dc6500}
#loginModal #submitLogin{display:block;width:100%;margin-top:25px;padding:15px 12px;border:0!important;border-radius:12px!important;background:linear-gradient(110deg,#ff9200,#f56500)!important;color:#fff!important;font:700 16px Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 8px 20px #ee77002b;cursor:pointer;transition:transform .18s,filter .18s}
#loginModal #submitLogin:hover{filter:brightness(1.05);transform:translateY(-1px)}
#loginModal #submitLogin:disabled{opacity:.65;cursor:wait;transform:none}
#loginModal .s27-login-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px 0 0;color:#6a7e8e!important;text-align:center;font:11px/1.5 Arial,sans-serif}
#loginModal .s27-login-footer svg{width:16px;height:16px;fill:none;stroke:#6a7e8e;stroke-width:1.6}
#loginModal button:focus-visible{outline:3px solid #ff9a32;outline-offset:3px}
@media(max-width:520px){#loginModal.s27-login-modal{padding:14px}#loginModal .s27-login-card{max-height:calc(100dvh - 28px);border-radius:20px!important}#loginModal .s27-login-arena{min-height:150px}#loginModal .s27-login-arena img{width:76px;height:76px}#loginModal .s27-login-body{padding:23px 24px}#loginModal .s27-login-welcome{margin-bottom:20px}}
@media(max-height:650px){#loginModal .s27-login-arena{min-height:110px}#loginModal .s27-login-arena img{width:58px;height:58px}#loginModal .s27-login-body{padding-top:18px}#loginModal .s27-login-welcome{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#loginModal *{transition:none!important}}
