.demo-enrollment .auth-card{width:min(100%,560px);max-width:560px}.demo-enrollment-kicker{color:#7b45d4;letter-spacing:.14em;margin-bottom:22px;font-size:11px;font-weight:800}.demo-enrollment .auth-step{margin-bottom:28px}.demo-enrollment .auth-card form h1,.demo-enrollment-waiting h1{margin-top:9px}.demo-enrollment .auth-card form>p{margin-bottom:25px}.demo-enrollment .auth-card form>button,.demo-enrollment .demo-enrollment-action,.demo-enrollment-waiting>button{color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;background:#6326e5;border:1px solid #6326e5;border-radius:12px;justify-content:center;align-items:center;margin-top:12px;padding:12px 18px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.demo-enrollment .auth-card form>button:hover,.demo-enrollment .demo-enrollment-action:hover{background:#4c18bd}.demo-enrollment .auth-card form>button.demo-enrollment-subtle,.demo-enrollment-waiting>button.demo-enrollment-subtle{color:#322e4a;background:#fff;border-color:#d9d6e7}.demo-enrollment .auth-card .demo-enrollment-note{color:#737b91;margin:19px 0 0;font-size:12px;line-height:1.5}.demo-enrollment .auth-card .demo-enrollment-error{color:#9d2631;background:#fff4f4;border:1px solid #f1c4c7;border-radius:10px;padding:12px 14px;font-size:13px}.demo-enrollment-status{color:#6a36bb;letter-spacing:.07em;background:#f7f1ff;border:1px solid #e6d8ff;border-radius:100px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.demo-enrollment-status i{background:#874ee0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e8d9ff}.demo-enrollment-timeline{border:1px solid #ebe8f2;border-radius:14px;margin:24px 0;overflow:hidden}.demo-enrollment-timeline>div{border-bottom:1px solid #ebe8f2;align-items:center;gap:12px;padding:15px;display:flex}.demo-enrollment-timeline>div:last-child{border-bottom:0}.demo-enrollment-timeline b{color:#6834c4;background:#eee5ff;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.demo-enrollment-timeline span{color:#25314c;flex:1;font-size:13px}.demo-enrollment-timeline strong{color:#7f7891;text-align:right;font-size:11px;font-weight:700}@media (max-width:600px){.demo-enrollment .auth-card{padding:30px 24px}.demo-enrollment-timeline>div{flex-wrap:wrap}.demo-enrollment-timeline strong{text-align:left;width:100%;padding-left:37px}}