:root{--bg:oklch(.975 .006 265);--bg-alt:oklch(.935 .018 265);--text:oklch(.15 .06 265);--text-soft:oklch(.4 .03 265);--brand:oklch(.28 .13 265);--brand-light:oklch(.92 .025 265);--brand-soft:oklch(.28 .13 265/.08);--accent:oklch(.52 .25 258);--accent-hover:oklch(.46 .27 258);--accent-glow:oklch(.52 .25 258/.2);--warm:oklch(.68 .18 40);--warm-soft:oklch(.68 .18 40/.1);--border:oklch(.88 .012 265);--surface:oklch(.965 .01 265);--near-white:oklch(.98 .004 265);--font-display:"Red Hat Display",sans-serif;--font-body:"Figtree",sans-serif;--ease:cubic-bezier(.16,1,.3,1);--radius:10px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.65}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:multiply}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#8998b8;border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.btn-brand{display:inline-flex;align-items:center;gap:10px;padding:17px 38px;border-radius:var(--radius);background:var(--accent);color:#fafcfe;font-weight:600;font-size:1.05rem;transition:all .35s var(--ease);cursor:pointer;border:none;box-shadow:0 4px 16px var(--accent-glow),0 1px 3px #0511391f}.btn-brand:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 32px #0062d459,0 2px 6px #05113926;box-shadow:0 12px 32px oklch(.52 .25 258/.35),0 2px 6px #05113926}.btn-brand:focus-visible{outline-color:var(--brand)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}.ob-step--stagger>*{opacity:0;transform:translateY(16px);animation:obFieldIn .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--d, 0)*70ms + 80ms)}@keyframes obFieldIn{to{opacity:1;transform:translateY(0)}}.ob-step-indicator{display:flex;align-items:center;gap:14px;margin-bottom:28px}.ob-progress-dots{display:flex;gap:8px}.ob-step-label{font-size:.75rem;font-weight:500;color:#5b6375;letter-spacing:.03em}.ob-dot{width:32px;height:4px;border-radius:2px;background:#1a2438;transition:all .4s var(--ease)}.ob-dot.active{background:var(--accent);width:48px}.ob-dot.done{background:#265496}.ob-step h2{font-family:var(--font-display);font-weight:900;font-size:clamp(1.8rem,3.5vw,2.4rem);color:#f0f2f5;margin-bottom:10px;letter-spacing:-.03em;line-height:1.1}.ob-step p{color:#737a8a;margin-bottom:40px;font-size:.95rem;line-height:1.6}.onboard-field{margin-bottom:22px}.onboard-field label{display:block;font-size:.82rem;font-weight:500;color:#898f9c;margin-bottom:7px;letter-spacing:.01em}.onboard-field input{width:100%;padding:14px 16px;border-radius:var(--radius);border:1px solid oklch(.26 .04 265);background:#040b22;color:#e9ebef;font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.onboard-field input::-moz-placeholder{color:#3d424d}.onboard-field input::placeholder{color:#3d424d}.onboard-field input:focus{border-color:#005dca;border-color:oklch(.5 .2 258);box-shadow:0 0 0 3px #005dca26;box-shadow:0 0 0 3px oklch(.5 .2 258/.15)}.onboard-field.shake input{border-color:#d74745}.field-error{font-size:.8rem;color:#d74745}.field-error,.field-hint{display:block;margin-top:6px}.field-hint{font-size:.75rem;color:#5b6375}.input-pw-wrapper{position:relative}.input-pw-wrapper input{padding-right:72px}.btn-toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#5c7caa;font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .2s}.btn-toggle-pw:hover{color:#6ea0e8}.ob-step-actions{display:flex;align-items:center;gap:16px;margin-top:10px}.ob-step-actions .btn-onboard{flex:1;margin-top:0}.btn-back{background:none;border:none;color:#778093;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;padding:8px 4px;transition:color .2s}.btn-back:hover{color:#b7becb}.btn-onboard{width:100%;padding:15px;border:none;border-radius:var(--radius);background:var(--accent);color:#fafcfe;font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s var(--ease);margin-top:10px;box-shadow:0 4px 16px var(--accent-glow)}.btn-onboard:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #0062d44d;box-shadow:0 8px 24px oklch(.52 .25 258/.3)}.btn-onboard:focus-visible{outline-color:var(--near-white)}.btn-onboard:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-onboard--success{background:#308639;box-shadow:0 6px 24px #30863959;opacity:1!important;cursor:default;animation:btnSuccessPulse .6s cubic-bezier(.16,1,.3,1)}.btn-onboard--success:hover{background:#308639;transform:none}@keyframes btnSuccessPulse{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.btn-label{display:inline-flex;align-items:center;gap:0}.btn-label-enter-active{transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.btn-label-leave-active{transition:opacity .15s ease-in,transform .15s ease-in}.btn-label-enter-from{opacity:0;transform:translateY(6px) scale(.95)}.btn-label-leave-to{opacity:0;transform:translateY(-6px) scale(.95)}.btn-onboard-check{display:inline-block;margin-right:6px;animation:checkPop .4s cubic-bezier(.16,1,.3,1) .1s both}@keyframes checkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.25) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}