/* Centered access screen, inspired by the supplied reference. */
#loginScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:100dvh;padding:40px 20px;background:radial-gradient(ellipse 340px 240px at 50% 2%,rgba(225,176,39,.15),transparent 85%),linear-gradient(160deg,#0f1115,#090b0d);color:#f4f4f6}
#loginScreen .login-identity{text-align:center;margin:0 0 32px;width:100%;max-width:500px}
#loginScreen .login-identity img{display:block;object-fit:contain;width:88px;height:88px;margin:0 auto 16px;border-radius:50%;filter:drop-shadow(0 0 18px #e9b92824)}
#loginScreen .login-identity h1{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.25;margin:0;color:#efd17a}
#loginScreen .login-identity p{font-size:14px;color:#9b9fa9;margin:13px 0 0}
#loginScreen .login-box{display:block;width:100%;max-width:448px;min-height:0;margin:0;padding:32px;background:linear-gradient(145deg,#18191d,#111316);border:1px solid #282a30;border-radius:17px;box-shadow:0 16px 48px #0003}
#loginScreen .login-top{margin:0 0 27px;text-align:left}
#loginScreen .login-top:before{display:none}
#loginScreen .login-top h2{font-size:21px;font-weight:650;letter-spacing:-.6px;line-height:1.3;color:#f4f4f6;margin:0}
#loginScreen .login-top p{font-size:14px;line-height:1.5;color:#9b9fa9;margin:5px 0 0}
#loginScreen .grid{gap:20px}
#loginScreen label{font-size:14px;font-weight:500;color:#e9e9ee;margin-bottom:8px}
#loginScreen .login-input-wrap{position:relative}
#loginScreen .login-input-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#8993a4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#loginScreen input{width:100%;height:44px;min-height:44px;border:1px solid #dae0ee;background:#e9effc;color:#161b25;border-radius:11px;padding:10px 13px 10px 40px;font-size:13px;box-shadow:none;color-scheme:light}
#loginScreen input::placeholder{color:#778295;opacity:1}
#loginScreen input:focus{border-color:#eac451;outline:2px solid #eac45150;outline-offset:2px}
#loginScreen .login-submit{display:flex;align-items:center;justify-content:center;gap:17px;min-height:45px;margin:0;padding:10px 20px;background:linear-gradient(100deg,#b58325,#f0ca4e);color:#201805;border:0;border-radius:11px;font-size:15px;font-weight:650;box-shadow:0 5px 21px #d8ab2620}
#loginScreen .login-submit:hover{filter:brightness(1.08)}
#loginScreen .login-submit span{font-size:21px;line-height:1}
#loginScreen .login-footer{margin-top:23px;text-align:center;font-size:11px;color:#9196a1;line-height:1.7}
@media(max-width:480px){#loginScreen{padding:30px 18px}#loginScreen .login-identity{margin-bottom:26px}#loginScreen .login-identity h1{font-size:25px}#loginScreen .login-identity p{font-size:12px}#loginScreen .login-box{padding:27px 23px}#loginScreen .login-top p{font-size:12px}#loginScreen .login-footer{max-width:300px;font-size:10px}}
@media(max-height:650px){#loginScreen{justify-content:flex-start;padding-top:24px;padding-bottom:24px}#loginScreen .login-identity img{width:66px;height:66px;margin-bottom:10px}#loginScreen .login-identity{margin-bottom:22px}}