.dlr-onb{--purple:#5221d8;--purple-deep:#3a148f;--ink:#1a1035;--page:#f7f6fb;--gray:#6b6588;background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-dm), system-ui, sans-serif;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex}.dlr-onb *{box-sizing:border-box}.dlr-onb .card{background:#fff;border-radius:22px;width:100%;max-width:440px;padding:32px 28px;box-shadow:0 20px 60px #1a10351a}.dlr-onb .brand{font-family:var(--font-jakarta), sans-serif;color:var(--purple);margin-bottom:20px;font-size:20px;font-weight:800}.dlr-onb .steps{gap:6px;margin-bottom:24px;display:flex}.dlr-onb .steps .s{background:#e5dff3;border-radius:999px;flex:1;height:4px}.dlr-onb .steps .s.on{background:var(--purple)}.dlr-onb h2{font-family:var(--font-jakarta), sans-serif;letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800}.dlr-onb .sub{color:var(--gray);margin-bottom:22px;font-size:15px}.dlr-onb label{margin:14px 0 6px;font-size:13px;font-weight:600;display:block}.dlr-onb input[type=text],.dlr-onb input[type=tel]{width:100%;color:var(--ink);background:#fff;border:1.5px solid #e5dff3;border-radius:12px;padding:13px 14px;font-size:16px;transition:border-color .15s}.dlr-onb input:focus{border-color:var(--purple);outline:none}.dlr-onb input.err{border-color:#dc2626}.dlr-onb .hint{color:var(--purple-deep);background:#f1eef9;border-radius:12px;margin:12px 0;padding:12px 14px;font-size:13px}.dlr-onb .actions{gap:10px;margin-top:26px;display:flex}.dlr-onb .btn{cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-jakarta), sans-serif;border:0;border-radius:999px;flex:1;padding:14px;transition:transform .12s,opacity .12s}.dlr-onb .btn:active{transform:scale(.98)}.dlr-onb .btn[disabled]{opacity:.55;cursor:default}.dlr-onb .btn-primary{background:var(--purple);color:#fff}.dlr-onb .btn-ghost{color:var(--ink);background:#f1eef9;flex:none;padding:14px 20px}.dlr-onb .err-msg{color:#dc2626;margin-top:12px;font-size:13px}.dlr-onb .done{text-align:center;padding:20px 0}.dlr-onb .done .emoji{font-size:48px}.dlr-onb .done h2{margin-top:12px}.dlr-onb .done p{color:var(--gray);margin:10px 0 24px;font-size:15px}
