/* Login layout matching the supplied High Tech Gallery reference. */
.login-page{min-height:100vh;min-height:100dvh;background:#fefefe}
.login-page .login-main{min-height:0;flex:1;padding:36px 18px 48px}
.login-page .login-top{padding:20px 36px;gap:18px}
.login-page .login-top .brand img{width:34px;height:34px;object-fit:contain}
.login-page .login-brand{gap:16px;margin-bottom:26px}
.login-page .login-brand img{width:64px;height:64px;object-fit:contain;border-radius:10px}
.login-page .login-card{width:410px;padding:30px}
.login-page .xo-password-wrap{position:relative;display:block;margin-top:7px}
.login-page .xo-password-wrap input{margin-top:0;padding-right:64px!important;width:100%;min-height:42px}
.login-page .xo-password-wrap button{position:absolute;inset:0 5px 0 auto;top:0;transform:none;min-width:52px;min-height:42px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#858590;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center}
.login-page .xo-password-wrap button:hover{color:#982586;background:#f8edf6}
.login-page .xo-password-wrap button:focus-visible{outline:2px solid #982586;outline-offset:-3px}
.login-page input::-ms-reveal,.login-page input::-ms-clear{display:none}
.login-page .check{font-size:11px;gap:8px;margin:16px 0}
.login-page .check input{min-height:0;width:15px!important;height:15px;margin:0}
.login-page .login-footer{display:flex;justify-content:space-between;gap:15px;padding:18px 36px;font-size:9px;color:#858590;background:transparent}
@media(max-width:480px){.login-page .login-top{padding:16px}.login-page .login-top .pill{font-size:9px}.login-page .login-brand{gap:12px;font-size:14px}.login-page .login-brand img{width:56px;height:56px}.login-page .login-card{padding:24px}.login-page .login-footer{padding:16px;font-size:8px}.login-page .login-main{padding-top:24px}}