.login-page{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at top left,#e8efff,transparent 60%),#f5f7fb}.login-card{width:min(460px,100%);padding:36px;background:white;border:1px solid #e0e7f2;border-radius:20px;box-shadow:0 18px 70px #213c7210}.login-card h1{font-size:25px;margin:32px 0 12px}.login-card>p{font-size:13px;color:#75859a}.login-card form{margin-top:24px}.login-card .primary{padding:13px;margin-top:22px}#login-error{background:#fff1f1;color:#a83247;padding:12px;border-radius:9px;margin-top:18px}.login-card .fine{margin-top:18px}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:25px}}

.enrollment-page .login-card{min-width:0;max-width:460px;width:100%;box-sizing:border-box;overflow-wrap:anywhere}.enrollment-page #enroll-accounts{display:grid;gap:12px}.enrollment-page button{max-width:100%;white-space:normal}.enrollment-page #enroll-qr{max-width:100%;height:auto}.enrollment-page main *{min-width:0}
.enrollment-page .enroll-account{border:1px solid #e0e7f2;border-radius:12px;padding:16px;background:#fff}.enrollment-page .enroll-account h3{margin:0 0 6px}.enrollment-page .enroll-account-label{font-size:13px;color:#536174;margin:0 0 8px}.enrollment-page .enroll-account-state{font-weight:600;margin:8px 0}.enrollment-page .enroll-account-state.is-connected{color:#167647}.enrollment-page .enroll-account button{width:100%;margin-top:4px}