[hidden]{display:none!important}
#loginPage{min-height:100vh;display:grid;grid-template-columns:42% 58%;background:#fff}
.login-art{padding:55px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#083e4bb8,#102a43e8),url('/aquacare.jpeg') center/cover no-repeat}
.login-brand,.mobile-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--teal);font-weight:900}
.login-art h2{font-size:38px;line-height:1.15;margin-bottom:18px}
.login-art p{color:#d9f3f1;max-width:360px}
.login-art ul{list-style:none;margin:22px 0 0;padding:0;font-size:20px;line-height:1.9;font-weight:650}
.login-art li::before{content:'—';margin-right:10px;color:#63ddd4}
.login-art small{opacity:.7}
.login-side{display:grid;place-items:center;padding:30px}
.login-box{width:min(390px,100%)}
.login-box p{margin:8px 0 28px}
.login-box form{display:grid;gap:17px}
.login-box label{display:grid;gap:7px;font-weight:700}
.login-box input{width:100%;height:48px}
.login-box .primary{height:48px}
.mobile-logo{display:none;background:var(--teal);color:#fff;margin-bottom:25px}
.welcome-actions{display:grid;gap:12px;margin-top:30px}
.welcome-actions button{height:50px}
.welcome-actions .primary{width:100%}
.secondary{border:1px solid var(--teal);border-radius:8px;background:#fff;color:var(--teal);font-weight:700;cursor:pointer}
.type-choice{display:flex;background:#edf3f5;border-radius:9px;padding:4px}
.type-choice button{flex:1;border:0;padding:10px;background:transparent;border-radius:7px;color:var(--muted);cursor:pointer}
.type-choice button.selected{background:#fff;color:var(--teal);box-shadow:0 1px 4px #0001}
.back{border:0;background:none;color:var(--muted);cursor:pointer;margin-top:18px;padding:7px 0}
.register-success{text-align:center;padding:20px 0 5px}
.register-success span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:#e0f5ef;color:var(--teal);font-size:42px;font-weight:800}
.register-success strong{display:block;font-size:25px}
.register-success p{margin-top:6px}
.aside-foot #logout{display:block;border:0;background:none;color:#fff;padding:7px 0;cursor:pointer;font-size:11px}
#loginError{color:var(--danger);min-height:20px;margin-top:16px}
body.logged-in #loginPage{display:none}
@media(max-width:700px){#loginPage{grid-template-columns:1fr}
.login-art{display:none}
.login-side{padding:25px}
.mobile-logo{display:grid}
}