.page{min-height:100svh;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.login-card{min-width:0;margin:auto}
.field-label{display:block;text-align:right;font-size:13px;color:#b9c9d8;margin-bottom:7px}
.input{font-size:16px;padding:0 50px 0 16px;min-width:0}
#password{padding-left:66px}
.password-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 8px;background:transparent;border:0;color:#8eeaff;font:inherit;font-size:12px;cursor:pointer;z-index:3}
.pin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.pin-heading .field-label{margin:0}.pin-code{letter-spacing:5px;color:#80edff;font:700 22px Arial,sans-serif;background:#063344;padding:7px 12px;border-radius:9px}
.pin-help{color:#b9c9d8;font-size:12px;margin:0 0 9px;text-align:right}
.login-feedback{background:#361f30;border:1px solid #e98ca2;color:#ffe4eb;border-radius:12px;padding:12px;margin:0 0 18px;overflow-wrap:anywhere;font-size:14px;text-align:right}
.login-btn:disabled{opacity:.65;cursor:wait}.remember{min-height:44px}.options{flex-wrap:wrap}
.remember{position:relative}.remember input{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;cursor:pointer}
.remember .check{pointer-events:none}
.remember:focus-within .check,button:focus-visible,input:focus-visible{outline:2px solid #82eaff;outline-offset:4px}
.logo{object-fit:contain}.footer,.security{overflow-wrap:anywhere}
@media(max-width:360px){.login-card{padding:24px 18px}.welcome-title{font-size:30px}.panel-title{letter-spacing:2px}.footer{font-size:10px}}
@media(max-height:740px){.page{align-items:flex-start}.login-card{margin:0 auto}.logo{width:100px}.logo-box{margin-bottom:14px}.divider{margin:18px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.particles{display:none}}