.flow-access-backdrop{position:fixed;inset:0;z-index:100080;display:grid;place-items:center;padding:24px;background:rgba(6,27,48,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:15px/1.5 Arial,sans-serif;color:#0e293d;overflow-y:auto;box-sizing:border-box}
.flow-access-backdrop[hidden],.flow-access-account[hidden],.flow-access-company[hidden],.flow-access-error[hidden]{display:none!important}
html.flow-access-open{overflow:hidden}
.flow-access-dialog{position:relative;width:100%;max-width:520px;padding:30px 32px;border-radius:16px;border-top:4px solid #0e7285;background:linear-gradient(145deg,#fff,#eff7fa);box-shadow:0 28px 100px #061b3055;box-sizing:border-box;outline:none;margin:auto}
.flow-access-close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:#506471;font:28px Arial;cursor:pointer;min-width:40px;min-height:40px}
.flow-access-brand{font:bold 20px/1 Arial;color:#e30613;letter-spacing:-.4px;margin-bottom:28px}
.flow-access-brand span{color:#0e293d;font-weight:normal}.flow-access-brand small{display:block;font:9px/1.5 Arial;letter-spacing:1.7px;color:#5f7584;margin-top:6px}
.flow-access-dialog h2{font:700 27px/1.12 Arial;letter-spacing:-.6px;margin:0 0 14px;max-width:350px}
.flow-access-dialog p{font:14px/1.55 Arial;color:#5f6f7a;margin:0 0 22px;overflow-wrap:anywhere}
.flow-access-dialog strong{color:#183b52}
.flow-access-dialog label{display:block;font:600 13px Arial;margin:18px 0 8px}
.flow-access-dialog input:not([type=checkbox]),.flow-access-dialog select{width:100%;min-height:48px;border:1px solid #cbd6dd;border-radius:9px;padding:12px;font:16px Arial;color:#123148;background:#fff;box-sizing:border-box}
.flow-access-dialog .flow-access-remember{display:flex;align-items:flex-start;gap:9px;font:12px/1.4 Arial;color:#526a79;margin:16px 0 22px;cursor:pointer}
.flow-access-remember input{accent-color:#e30613;margin:2px 0 0;flex:none;width:16px;height:16px}
.flow-access-primary{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:24px;padding:13px 20px;background:#061b30;color:#fff;font:600 14px Arial;cursor:pointer;margin-top:20px;transition:background .16s ease}
.flow-access-primary:hover{background:#123c59}
.flow-access-dialog .flow-access-note{display:block;font:11px/1.5 Arial;color:#6b7c87;margin:14px 0 0}
.flow-access-dialog .flow-access-error{font:13px/1.4 Arial;background:#fff0f1;color:#ab0920;border-radius:8px;padding:10px 12px;margin:16px 0 0}
.flow-access-code{text-align:center;letter-spacing:8px;font:700 24px Arial!important}
.flow-access-secondary{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
.flow-access-secondary button,.flow-access-logout{border:0;background:transparent;padding:6px 0;font:12px Arial;color:#183b52;text-decoration:underline;cursor:pointer}
.flow-access-logout{margin-top:18px}
.flow-access-dialog :disabled{opacity:.6;cursor:wait}
.flow-access-dialog :focus-visible,.flow-access-account:focus-visible{outline:3px solid #008fc0;outline-offset:3px}
.flow-access-account{position:fixed;z-index:100030;bottom:8px;left:12px;font:11px Arial;color:#fff;background:#061b30e6;border:1px solid #ffffff55;border-radius:5px;padding:6px 9px;cursor:pointer}
@media(max-width:600px){.flow-access-backdrop{padding:16px}.flow-access-dialog{padding:28px 24px;border-radius:16px}.flow-access-dialog h2{font-size:25px}.flow-access-brand{margin-bottom:24px}.flow-access-dialog input:not([type=checkbox]),.flow-access-dialog select{font-size:16px}}
