@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@1&family=Manrope:wght@400;500;600;700;800&display=swap";
.users-page{--u-ink:#193231;--u-ink-2:#1c2b22;--u-green:#2d5a4e;--u-sage:#c8d9a7;--u-sage-2:#a8beb7;--u-gold:#c9a84c;--u-cream:#f9f7f2;--u-black:#0e0e0f;--u-body:"Manrope",system-ui,-apple-system,sans-serif;--u-serif:"Instrument Serif",Georgia,serif;color:var(--u-ink-2);font-family:var(--u-body);background:var(--u-black);-webkit-font-smoothing:antialiased;margin:0}.users-page *,.users-page :before,.users-page :after{box-sizing:border-box}.users-page input{font-family:inherit}.users-page input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.users-page input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.users-page input[type=number]{-moz-appearance:textfield}@keyframes fnIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes fnPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fnGlow{0%,to{opacity:.35}50%{opacity:.8}}@keyframes fnSpin{to{transform:rotate(360deg)}}@keyframes fnDraw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes fnRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.users-page *,.users-page :before,.users-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.users-page .stage{background:radial-gradient(120% 80% at 50% -10%,#22453c,#0e0e0f 62%);justify-content:center;align-items:flex-start;min-height:100dvh;padding:clamp(0px,3vh,34px) clamp(0px,3vw,28px);display:flex}.users-page .orb{pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite fnGlow;position:fixed}.users-page .orb-a{background:radial-gradient(circle,#c8d9a729,#0000 65%);width:520px;height:520px;top:-180px;left:-140px}.users-page .orb-b{background:radial-gradient(circle,#c9a84c1f,#0000 65%);width:440px;height:440px;animation-duration:11s;animation-delay:1s;bottom:-160px;right:-120px}.users-page .card{z-index:2;background:linear-gradient(168deg,#fbfaf5 0%,#f1f4e6 38%,#f9f7f2 68%,#edf1e3 100%);border-radius:clamp(0px,3vw,34px);flex-direction:column;width:min(470px,100%);min-height:min(880px,96vh);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 110px #0009}.users-page .card-wash{pointer-events:none;background:radial-gradient(90% 55% at 88% 2%,#c8d9a78c,#0000 60%),radial-gradient(70% 45% at 4% 22%,#c9a84c29,#0000 62%),radial-gradient(90% 50% at 50% 104%,#2d5a4e24,#0000 66%);position:absolute;inset:0}.users-page .blob{pointer-events:none;animation:12s ease-in-out infinite fnGlow;position:absolute}.users-page .blob-a{background:#2d5a4e0d;border-radius:46% 54% 38% 62%/52% 40% 60% 48%;width:300px;height:300px;top:-60px;right:-70px}.users-page .blob-b{background:#c9a84c12;border-radius:58% 42% 60% 40%/45% 58% 42% 55%;width:260px;height:260px;animation-duration:14s;animation-delay:2s;bottom:-90px;left:-80px}.users-page .topbar{z-index:3;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 0;display:flex;position:relative}.users-page .back{width:38px;height:38px;color:var(--u-ink);cursor:pointer;background:#fff;border:1px solid #1c2b221f;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:17px;transition:opacity .3s,border-color .2s;display:flex;box-shadow:0 6px 16px #1932311a}.users-page .back:hover{border-color:var(--u-green)}.users-page .topbar img{filter:drop-shadow(0 2px 6px #1932312e)saturate(1.15)contrast(1.08);height:54px;display:block}.users-page .prog{z-index:3;padding:16px 22px 0;position:relative}.users-page .prog-bars{gap:5px;display:flex}.users-page .prog-bar{border-radius:3px;flex:1;height:3px;transition:background .4s}.users-page .prog-meta{letter-spacing:.1em;color:#1c2b2273;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:11.5px;font-weight:700;display:flex}.users-page .prog-meta span{white-space:nowrap}.users-page .step{z-index:3;flex-direction:column;flex:1;padding:clamp(20px,3.5vh,34px) 22px 26px;animation:.45s cubic-bezier(.2,.7,.2,1) both fnIn;display:flex;position:relative}.users-page .pane{flex-direction:column;flex:1;display:flex}.users-page h1.q-h1{letter-spacing:-.04em;color:var(--u-ink);margin:18px 0 0;font-size:clamp(32px,9vw,46px);font-weight:800;line-height:1}.users-page h2.q-h2{letter-spacing:-.03em;color:var(--u-ink);margin:0 0 10px;font-size:clamp(25px,6.6vw,34px);font-weight:800;line-height:1.1}.users-page .serif{font-family:var(--u-serif);letter-spacing:0;color:var(--u-green);font-style:italic;font-weight:400}.users-page .q-hint{color:#1c2b2299;margin:0 0 24px;font-size:16px;line-height:1.5}.users-page .lede{color:#1c2b229e;margin:16px 0 0;font-size:16.5px;line-height:1.55}.users-page .badge{color:var(--u-green);letter-spacing:.14em;border:1px solid #2d5a4e59;border-radius:999px;align-self:flex-start;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.users-page .shot{background:#dde7e2;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 24px 60px #19323133}.users-page .shot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.users-page .shot-veil{background:linear-gradient(#0e14110d 40%,#0e1411c7);position:absolute;inset:0}.users-page .shot-cap{font-family:var(--u-serif);color:var(--u-sage);padding:20px 22px;font-size:21px;font-style:italic;position:absolute;inset:auto 0 0}.users-page .trust{flex-wrap:wrap;gap:16px;margin:6px 0 0;display:flex}.users-page .trust-item{color:var(--u-green);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.users-page .trust-tick{background:#2d5a4e1f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;display:flex}.users-page .opts{gap:11px;display:grid}.users-page .opt{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:#fff;border:1.5px solid #1c2b221f;border-radius:18px;transition:all .22s;display:flex}.users-page .opt:hover{border-color:var(--u-green)}.users-page .opt.on{border-color:var(--u-green);background:#c8d9a74d}.users-page .opt-mark{color:var(--u-ink);background:0 0;border:2px solid #1c2b2240;flex:none;justify-content:center;align-items:center;font-weight:800;transition:all .22s;display:flex}.users-page .opt.on .opt-mark{border-color:var(--u-green);background:var(--u-sage)}.users-page .opt-label{font-weight:700;line-height:1.25}.users-page .field{box-sizing:border-box;width:100%;color:var(--u-ink);background:#fff;border:1.5px solid #1c2b2224;border-radius:16px;outline:none;padding:17px 20px;font-size:16px;transition:border-color .2s}.users-page .field:focus{border-color:var(--u-green)}.users-page .cta{cursor:pointer;width:100%;font:inherit;text-align:center;border:none;border-radius:999px;font-weight:800;transition:all .25s;display:block}.users-page .cta-primary{background:var(--u-ink);color:var(--u-cream);padding:19px;font-size:17.5px;box-shadow:0 16px 40px #1932314d}.users-page .cta-primary:hover{background:var(--u-green)}.users-page .cta-idle{color:#1c2b2266;background:#1c2b221a}.users-page .cta-wrap{margin-top:auto;padding-top:24px}.users-page .fine{color:#1c2b2273;text-align:center;margin:14px 0 0;font-size:11px;line-height:1.6}.users-page .dial{background:var(--u-ink);border-radius:22px;padding:20px 18px;box-shadow:0 20px 46px #19323140}.users-page .dial-label{letter-spacing:.12em;color:var(--u-sage-2);margin-bottom:14px;font-size:12px;font-weight:800}.users-page .dial-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.users-page .nub{color:var(--u-sage);cursor:pointer;background:#c8d9a729;border:1px solid #c8d9a766;border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:inherit;font-weight:800;transition:all .2s;display:flex}.users-page .nub:hover{background:var(--u-sage);color:var(--u-ink)}.users-page .dial-val{color:var(--u-cream);letter-spacing:-.03em;font-size:34px;font-weight:800;line-height:1}.users-page .dial-unit{text-align:center;color:var(--u-sage-2);margin-top:10px;font-size:13px;font-weight:600}.users-page .spin{flex:none;width:34px;height:34px;position:relative}.users-page .spin:before,.users-page .spin:after{content:"";border-radius:50%;position:absolute;inset:0}.users-page .spin:before{border:2.5px solid #2d5a4e24}.users-page .spin:after{border:2.5px solid #0000;border-top-color:var(--u-green);border-right-color:var(--u-gold);animation:1.1s linear infinite fnSpin}.users-page .story{background:var(--u-ink);border-radius:26px;flex-direction:column;flex:1;animation:.55s both fnRise;display:flex;overflow:hidden;box-shadow:0 26px 64px #1932314d}.users-page .story-quote{font-family:var(--u-serif);color:var(--u-cream);margin:0;font-size:clamp(20px,5.4vw,25px);font-style:italic;line-height:1.35}.users-page .panel{background:#fff;border:1px solid #1c2b221a;border-radius:24px;box-shadow:0 16px 40px #19323114}.users-page .panel-dark{background:var(--u-ink);border-radius:22px;padding:24px 22px}.users-page .stat{background:var(--u-ink);border-radius:18px;padding:16px 18px}.users-page .stat-n{letter-spacing:-.02em;font-size:24px;font-weight:800}.users-page .stat-l{color:var(--u-sage-2);margin-top:2px;font-size:13px;font-weight:600}.users-page .consent{color:#1c2b229e;cursor:pointer;align-items:flex-start;gap:10px;margin-top:14px;font-size:12.5px;line-height:1.5;display:flex}.users-page .consent input{width:17px;height:17px;accent-color:var(--u-green);cursor:pointer;flex:none;margin-top:2px}.users-page .consent a{color:var(--u-green);text-decoration:underline}.users-page .err{color:#b3402f;margin-top:10px;font-size:13px}
