@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.users-page{--lp-dark:#1c2b22;--lp-green:#2d5a4e;--lp-green-deep:#193231;--lp-light-green:#8db87a;--lp-sage:#c8d9a7;--lp-gold:#c9a84c;--lp-surface:#f1f6ef;--lp-surface-2:#e3ede0;--lp-cream:#f6f1ee;--lp-border:#dbe5d7;--lp-border-strong:#c2d0bc;--lp-body:#1b241f;--lp-muted:#5d6a61;--lp-white:#fff;color:var(--lp-body);background:var(--lp-cream);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,Segoe UI,sans-serif}.users-page *,.users-page :before,.users-page :after{box-sizing:border-box}.users-page .shell{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;padding:20px 20px 48px;display:flex}.users-page .top{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 20px;display:flex}.users-page .brand{align-items:center;gap:10px;display:flex}.users-page .brand img{width:auto;height:34px;display:block}.users-page .brand-text{letter-spacing:-.01em;color:var(--lp-dark);font-size:16px;font-weight:700}.users-page .progress-wrap{flex:1;align-items:center;gap:10px;max-width:220px;display:flex}.users-page .progress-bar{background:var(--lp-surface-2);border-radius:100px;flex:1;height:6px;overflow:hidden}.users-page .progress-fill{background:var(--lp-green);border-radius:100px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.users-page .progress-label{color:var(--lp-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.users-page .card{background:var(--lp-white);border:1px solid var(--lp-border);border-radius:20px;flex-direction:column;flex:1;padding:28px 22px;display:flex;box-shadow:0 4px 20px #2d5a4e0f}@media (min-width:640px){.users-page .card{padding:36px 32px}}.users-page .slide{animation:.35s cubic-bezier(.4,0,.2,1) users-in}@keyframes users-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.users-page *{transition:none!important;animation:none!important}}.users-page .q-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--lp-green);margin-bottom:10px;font-size:12px;font-weight:700}.users-page .q-title{letter-spacing:-.02em;color:var(--lp-dark);text-wrap:balance;font-size:clamp(22px,5vw,28px);font-weight:700;line-height:1.22}.users-page .q-sub{color:var(--lp-muted);margin-top:8px;font-size:14.5px;line-height:1.5}.users-page .options{flex-direction:column;gap:10px;margin-top:24px;display:flex}.users-page .option{border:1.5px solid var(--lp-border-strong);background:var(--lp-white);cursor:pointer;text-align:left;width:100%;min-height:58px;font:inherit;color:var(--lp-body);border-radius:13px;align-items:center;gap:13px;padding:16px;transition:border-color .16s,background .16s,transform .12s;display:flex}.users-page .option:hover{border-color:var(--lp-light-green);background:var(--lp-surface)}.users-page .option:active{transform:scale(.995)}.users-page .option.on{border-color:var(--lp-green);background:var(--lp-surface);box-shadow:0 0 0 3px #2d5a4e1a}.users-page .opt-check{border:2px solid var(--lp-border-strong);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;transition:border-color .16s,background .16s;display:grid}.users-page .option.on .opt-check{border-color:var(--lp-green);background:var(--lp-green)}.users-page .opt-check svg{opacity:0;transition:opacity .16s}.users-page .option.on .opt-check svg{opacity:1}.users-page .opt-text{font-size:15.5px;font-weight:500;line-height:1.35}.users-page .input-wrap{margin-top:24px}.users-page .input-row{flex-direction:column;gap:12px;margin-top:24px;display:flex}.users-page .field{width:100%;min-height:58px;color:var(--lp-body);background:var(--lp-white);border:1.5px solid var(--lp-border-strong);border-radius:13px;outline:none;padding:16px 18px;font-family:inherit;font-size:16px;transition:border-color .16s,box-shadow .16s}.users-page .field::placeholder{color:#9ba79f}.users-page .field:focus{border-color:var(--lp-green);box-shadow:0 0 0 3px #2d5a4e1a}.users-page .field.err{border-color:#b3402f}.users-page .err-msg{color:#b3402f;margin-top:8px;font-size:13px}.users-page .input-unit{color:var(--lp-muted);margin-top:9px;font-size:13px;font-weight:500}.users-page .btn-next{margin-top:auto;padding-top:26px}.users-page .btn{color:#fff;background:var(--lp-green);cursor:pointer;border:none;border-radius:13px;width:100%;min-height:56px;padding:16px 24px;font-family:inherit;font-size:16.5px;font-weight:600;transition:background .16s,transform .12s}.users-page .btn:hover:not(:disabled){background:var(--lp-green-deep)}.users-page .btn:active:not(:disabled){transform:scale(.99)}.users-page .btn:disabled{opacity:.5;cursor:not-allowed}.users-page .nav-back{min-height:44px;font:inherit;color:var(--lp-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;margin-top:14px;padding:10px 4px;font-size:14.5px;font-weight:500;display:inline-flex}.users-page .nav-back:hover{color:var(--lp-dark)}.users-page .trust{color:var(--lp-muted);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.users-page .thankyou{text-align:center;padding:20px 0}.users-page .ty-icon{background:var(--lp-surface);border:2px solid var(--lp-green);border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 20px;display:grid}.users-page .ty-title{letter-spacing:-.02em;color:var(--lp-dark);font-size:clamp(24px,6vw,30px);font-weight:700}.users-page .ty-sub{color:var(--lp-muted);margin-top:10px;max-width:420px;margin-inline:auto;font-size:15px;line-height:1.55}.users-page .next-steps{text-align:left;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;margin-top:28px;padding:22px}.users-page .next-steps-label{letter-spacing:.09em;text-transform:uppercase;color:var(--lp-green);margin-bottom:16px;font-size:12px;font-weight:700}.users-page .step-row{align-items:center;gap:13px;margin-bottom:14px;display:flex}.users-page .step-row:last-child{margin-bottom:0}.users-page .step-num{background:var(--lp-green);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.users-page .step-text{font-size:14.5px;font-weight:500}.users-page .ty-cta{margin-top:24px}
