@font-face{font-family:Vilonti;src:url('/auth/onboarding/Vilonti-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Vilonti;src:url('/auth/onboarding/Vilonti-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Vilonti,Arial,sans-serif;color:#202020;background:#fff;font-synthesis:none;letter-spacing:0;color-scheme:light}
*{box-sizing:border-box;letter-spacing:0}
[hidden]{display:none!important}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;border-top:5px solid #ed1d24}
header{min-height:96px;border-bottom:1px solid #e6e6e6;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
header img{width:190px;height:45px;object-fit:contain}
header span{font-size:14px;color:#5e5e5e}
main{width:100%;max-width:456px;margin:48px auto 56px;padding:0 24px;flex:1}
.eyebrow{margin:0 0 12px;color:#686868;font-size:12px;font-weight:700}
h1{font-size:32px;line-height:1.15;font-weight:700;margin:0 0 36px;overflow-wrap:anywhere}
section{border-top:1px solid #d9d9d9;padding-top:24px}
.step-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}
#step-number{width:28px;font-size:14px;color:#c7171d;font-weight:700;flex:none}
h2{font-size:22px;line-height:1.2;margin:0;font-weight:700;overflow-wrap:anywhere}
.account{margin:-8px 0 20px;font-size:14px;color:#606060;overflow-wrap:anywhere}
fieldset{border:0;padding:0;margin:0;min-width:0}
label{display:block;font-size:14px;margin:0 0 8px}
input:not([type=checkbox]){width:100%;height:48px;padding:12px;border:1px solid #a8a8a8;border-radius:3px;margin:0 0 20px;font:inherit;font-size:16px;color:#202020;background:#fff}
input:focus-visible,button:focus-visible{outline:2px solid #c7171d;outline-offset:3px}
.options{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.check{display:flex;align-items:center;gap:8px;min-height:24px;margin:0;font-size:13px;cursor:pointer}
input[type=checkbox]{accent-color:#c7171d;width:17px;height:17px;flex:none;margin:0}
button{width:100%;min-height:48px;border:1px solid #c7171d;border-radius:3px;background:#c7171d;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;padding:12px 16px;overflow-wrap:anywhere}
button:hover:not(:disabled){background:#a91218;border-color:#a91218}
button:disabled{opacity:.6;cursor:wait}
.secondary{margin-top:12px;background:transparent;color:#4e4e4e;border-color:#d5d5d5;font-weight:400;font-size:14px}
.secondary:hover:not(:disabled){background:#f5f5f5;color:#202020;border-color:#9e9e9e}
figure{margin:0 0 28px;text-align:center}
#qr{display:block;margin:0 auto;width:256px;height:256px;max-width:100%;object-fit:contain;image-rendering:pixelated}
figcaption{margin-top:12px;font-size:13px;color:#5e5e5e;line-height:1.5}
#code{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:24px;text-align:center;height:56px}
#status{font-size:14px;color:#606060;line-height:1.5}
#error{border-left:3px solid #c7171d;padding:10px 12px;background:#fff4f4;color:#851319;font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:18px 0 0}
footer{border-top:1px solid #e6e6e6;padding:20px 36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#737373;font-size:12px;line-height:1.5}
@media(max-width:520px){header{padding:20px 24px;min-height:84px}header span{display:none}main{margin-top:32px;margin-bottom:36px}h1{font-size:28px;margin-bottom:28px}footer{padding:20px 24px}}