.mibio-onboarding{--cream:#fff8ec;--cream-2:#fbf2df;--cream-3:#f3e7ce;--char:#181410;--char-2:#2b251f;--char-3:#5a4f44;--char-4:#8a7f72;--coral:#f56a35;--coral-deep:#d54a18;--coral-soft:#ffe6d8;--line:rgba(24,20,16,0.08);--line-strong:rgba(24,20,16,0.16);--display:"General Sans",ui-sans-serif,system-ui,sans-serif;--body:"Switzer",ui-sans-serif,system-ui,sans-serif;--mono:var(--font-jetbrains-mono),ui-monospace,monospace;--r-pill:9999px;position:fixed;inset:0;background:var(--cream);background-image:radial-gradient(circle at 0 0,rgba(245,106,53,.07),transparent 35%),radial-gradient(circle at 100% 100%,rgba(245,106,53,.05),transparent 40%);color:var(--char);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow-y:auto;z-index:1}.mibio-onboarding *{box-sizing:border-box}.mibio-onboarding a{color:inherit;text-decoration:none}.mibio-onboarding .mo-header{display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid var(--line);flex-shrink:0}.mibio-onboarding .mo-brand{font-family:var(--display);font-weight:500;font-size:24px;letter-spacing:-.04em;display:inline-flex;align-items:baseline;color:var(--char)}.mibio-onboarding .mo-brand .i{position:relative;display:inline-block;width:.32em;height:1em}.mibio-onboarding .mo-brand .i:before{content:"";position:absolute;left:50%;top:.18em;width:.32em;height:.55em;background:currentColor;transform:translateX(-50%)}.mibio-onboarding .mo-brand .i:after{content:"";position:absolute;left:50%;top:-.05em;width:.36em;height:.36em;background:var(--coral);border-radius:50%;transform:translateX(-50%)}.mibio-onboarding .mo-steps{display:flex;gap:8px}.mibio-onboarding .mo-step{width:24px;height:4px;border-radius:2px;background:var(--line-strong);transition:background .2s ease}.mibio-onboarding .mo-step.is-on{background:var(--coral)}.mibio-onboarding .mo-main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.mibio-onboarding .mo-form{width:100%;max-width:460px;display:grid;gap:18px}.mibio-onboarding .mo-form h1{font-family:var(--display);font-weight:500;font-size:clamp(32px,4vw,44px);line-height:1.05;letter-spacing:-.025em;margin:0 0 4px;color:var(--char)}.mibio-onboarding .mo-form h1 em{font-style:normal;color:var(--coral)}.mibio-onboarding .mo-form .mo-sub{color:var(--char-3);margin:0 0 12px;font-size:16px}.mibio-onboarding .mo-form .mo-err{color:var(--coral-deep);font-size:14px;margin:0}.mibio-onboarding .mo-form .mo-link{background:none;border:0;color:var(--char-3);cursor:pointer;font-family:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:0;align-self:start}.mibio-onboarding .mo-form .mo-link:hover:not(:disabled){color:var(--char)}.mibio-onboarding .mo-form .mo-link:disabled{opacity:.5;cursor:not-allowed}.mibio-onboarding input[type=email],.mibio-onboarding input[type=password],.mibio-onboarding input[type=text]{width:100%;background:var(--cream-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-family:inherit;font-size:16px;color:var(--char);transition:border-color .15s ease,background .15s ease}.mibio-onboarding input:focus{outline:none;border-color:var(--coral);background:var(--cream)}.mibio-onboarding input::placeholder{color:var(--char-4)}.mibio-onboarding .mo-otp{display:flex;gap:10px;justify-content:center}.mibio-onboarding .mo-otp input{width:52px;height:64px;text-align:center;font-family:var(--mono);font-size:24px;font-weight:500;background:var(--cream-2);border:1px solid var(--line-strong);border-radius:12px;caret-color:var(--coral);padding:0}.mibio-onboarding .mo-otp input:focus{border-color:var(--coral);background:var(--cream);box-shadow:0 0 0 4px rgba(245,106,53,.12)}.mibio-onboarding .mo-cta{background:var(--char);color:var(--cream);padding:16px 28px;border-radius:var(--r-pill);font-weight:500;font-size:16px;border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,opacity .15s ease}.mibio-onboarding .mo-cta:hover:not(:disabled){transform:translateY(-1px)}.mibio-onboarding .mo-cta:disabled{opacity:.4;cursor:not-allowed}.mibio-onboarding .mo-cta .arrow{width:18px;height:18px;background:var(--coral);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--cream)}.mibio-onboarding .mo-template-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:600px}.mibio-onboarding .mo-template-card{width:100%;background:var(--cream-2);border:2px solid transparent;border-radius:18px;padding:20px;cursor:pointer;text-align:left;font-family:inherit;color:var(--char);transition:border-color .15s ease,background .15s ease,transform .15s ease;display:grid;gap:8px}.mibio-onboarding .mo-template-card:hover{background:var(--cream-3)}.mibio-onboarding .mo-template-card.is-picked{border-color:var(--coral);background:var(--cream);box-shadow:0 0 0 4px rgba(245,106,53,.12)}.mibio-onboarding .mo-template-card .mo-tname{font-family:var(--display);font-weight:500;font-size:17px;letter-spacing:-.01em}.mibio-onboarding .mo-template-card .mo-tdesc{font-size:13px;color:var(--char-3);line-height:1.4}.mibio-onboarding .mo-template-card .mo-tthumb{width:100%;aspect-ratio:9/11;border-radius:12px;background:linear-gradient(160deg,var(--cream-3),var(--coral-soft));border:1px solid var(--line);margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:32px;color:var(--coral-deep);font-weight:500}.mibio-onboarding .mo-slug{display:flex;align-items:center;background:var(--cream-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-family:var(--mono);font-size:16px;transition:border-color .15s ease}.mibio-onboarding .mo-slug:focus-within{border-color:var(--coral);background:var(--cream)}.mibio-onboarding .mo-slug .mo-slug-prefix{padding:16px 0 16px 18px;color:var(--char-3);white-space:nowrap}.mibio-onboarding .mo-slug input{background:transparent;border:0;padding:16px 18px 16px 4px;flex:1;font-family:inherit;font-size:16px;color:var(--char);min-width:0}.mibio-onboarding .mo-slug input:focus{outline:none;background:transparent}.mibio-onboarding .mo-slug-mark{padding:0 14px;font-family:var(--display);font-size:18px;display:flex;align-items:center;height:100%}.mibio-onboarding .mo-slug-mark.ok{color:var(--coral)}.mibio-onboarding .mo-slug-mark.bad{color:var(--coral-deep)}@media (max-width:600px){.mibio-onboarding .mo-template-grid{grid-template-columns:1fr}.mibio-onboarding .mo-otp input{width:44px;height:56px;font-size:20px}}