.bub-auth{--canvas:#f4f3f1;--surface:#ffffff;--surface-2:#faf9f7;--sunken:#efede9;--ink:#1c1b19;--ink-muted:#55524d;--ink-subtle:#8b8780;--hair:rgba(28,25,20,0.075);--hair-strong:rgba(28,25,20,0.13);--accent:#0a66c2;--accent-hover:#1a7ae0;--accent-weak:rgba(10,102,194,0.085);--accent-ring:rgba(10,102,194,0.22);--good:#17915f;--bad:#d93b3f;--gold:#e0961a;--gold-weak:rgba(245,166,35,0.16);--lift:0 1px 1px rgba(28,25,20,0.03),0 2px 6px -2px rgba(28,25,20,0.05),0 22px 48px -26px rgba(28,25,20,0.2);--float:0 1px 2px rgba(28,25,20,0.05),0 30px 70px -24px rgba(28,25,20,0.3);--ease:cubic-bezier(0.22,1,0.36,1);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:100dvh;background:var(--canvas);color:var(--ink);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}.dark .bub-auth{--canvas:#121214;--surface:#1b1b1e;--surface-2:#18181b;--sunken:#232327;--ink:#f3f2ef;--ink-muted:#b7b4ae;--ink-subtle:#86837d;--hair:rgba(255,255,255,0.07);--hair-strong:rgba(255,255,255,0.12);--accent:#3d95f5;--accent-hover:#5aa8ff;--accent-weak:rgba(61,149,245,0.13);--accent-ring:rgba(61,149,245,0.28);--good:#3cc98a;--bad:#ff6b6e;--gold:#f5b544;--gold-weak:rgba(245,181,68,0.16);--lift:0 0 0 1px rgba(255,255,255,0.05),0 24px 56px -26px rgba(0,0,0,0.75);--float:0 0 0 1px rgba(255,255,255,0.06),0 34px 80px -22px rgba(0,0,0,0.8)}.ba-stage{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:26px;padding:32px clamp(32px,5vw,72px) 24px;overflow:hidden;background:color-mix(in srgb,var(--surface) 45%,var(--canvas));box-shadow:inset -1px 0 0 var(--hair)}.ba-stage-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 55% at 12% 0,var(--accent-weak),transparent 70%),radial-gradient(60% 50% at 95% 100%,var(--gold-weak),transparent 70%);animation:ba-drift 18s ease-in-out infinite alternate}@keyframes ba-drift{to{transform:translate(2%,-2%) scale(1.05)}}.ba-stage>:not(.ba-stage-glow){position:relative}.ba-hook{margin-top:auto}.ba-stage:not(:has(.ba-demo)) .ba-hook{margin:auto 0}.ba-hook h2{max-width:17ch;margin:0 0 12px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:clamp(30px,2.7vw,40px);line-height:1.04;font-weight:700;letter-spacing:-.036em;text-wrap:balance;animation:ba-rise .8s var(--ease) both}.ba-hook p{max-width:40ch;margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-muted);text-wrap:pretty;animation:ba-rise .8s .06s var(--ease) both}.ba-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:560px;margin:22px 0 0;padding:0;list-style:none;animation:ba-rise .8s .1s var(--ease) both}.ba-points li{display:grid;gap:4px;align-content:start}.ba-points span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:6px;border-radius:9px;color:var(--accent);background:var(--accent-weak)}.ba-points li:first-child span{color:var(--gold);background:var(--gold-weak)}.ba-points b{font-size:13.5px;font-weight:650;letter-spacing:-.012em}.ba-points em{font-style:normal;font-size:12.5px;line-height:1.45;color:var(--ink-muted)}.ba-quote{max-width:560px;margin:30px 0 0;padding:20px 22px 18px;border-radius:18px;background:var(--surface);box-shadow:var(--lift);animation:ba-rise .8s .1s var(--ease) both}.ba-quote blockquote{position:relative;margin:0 0 16px;padding-left:22px;font-size:15px;line-height:1.55;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;animation:ba-rise .5s var(--ease) both}.ba-quote-mark{position:absolute;left:-2px;top:-8px;font-family:Georgia,Times New Roman,serif;font-size:40px;line-height:1;color:var(--gold)}.ba-quote figcaption{display:flex;align-items:center;gap:11px;padding-left:22px}.ba-quote img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover}.ba-quote img,.ba-quote-initials{flex:none;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--hair-strong)}.ba-quote-initials{display:grid;place-items:center;width:40px;height:40px;font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3cc98a,#17915f)}.ba-quote figcaption>span:not(.ba-quote-initials){display:grid;gap:1px;min-width:0;flex:1}.ba-quote figcaption b{font-size:13.5px;font-weight:650;letter-spacing:-.012em}.ba-quote figcaption em{font-style:normal;font-size:12.5px;color:var(--ink-muted)}.ba-quote figcaption a{flex:none;display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 9px;border-radius:8px;font-size:12px;font-weight:600;color:var(--ink-subtle);text-decoration:none;transition:color .15s,background .15s}.ba-quote figcaption a:hover{color:var(--accent);background:var(--accent-weak)}.ba-quote-dots{display:flex;gap:6px;margin:14px 0 0 22px}.ba-quote-dots button{position:relative;width:6px;height:6px;padding:0;border:0;border-radius:99px;overflow:hidden;background:var(--hair-strong);cursor:pointer;transition:width .3s var(--ease)}.ba-quote-dots button[data-on]{width:22px}.ba-quote-dots button i{position:absolute;inset:0;border-radius:inherit;background:var(--accent);transform:scaleX(0);transform-origin:left}.ba-quote-dots button[data-on] i{animation:ba-fill var(--rotate,6.5s) linear both}.ba-quote[data-held] .ba-quote-dots button[data-on] i{animation-play-state:paused}@keyframes ba-fill{to{transform:scaleX(1)}}.ba-quote figcaption{animation:ba-rise .5s .05s var(--ease) both}.ba-stage-foot{margin:auto 0 0;font-size:11.5px;color:var(--ink-subtle)}@keyframes ba-rise{0%{opacity:0;transform:translateY(10px)}}.ba-demo{width:min(520px,100%);border-radius:18px;background:var(--surface);box-shadow:var(--float);overflow:hidden;animation:ba-rise .9s .12s var(--ease) both}.ba-demo-head{display:flex;align-items:center;gap:11px;padding:14px 16px;box-shadow:inset 0 -1px 0 var(--hair)}.ba-face{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f0a35e,#d9604c)}.ba-demo-who{display:grid;gap:1px;min-width:0}.ba-demo-who b{font-size:13.5px;font-weight:650;letter-spacing:-.012em}.ba-demo-who em{font-style:normal;font-size:12px;color:var(--ink-subtle)}.ba-label-chip{margin-left:auto;height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:99px;font-size:11.5px;font-weight:650;color:var(--gold);background:var(--gold-weak);opacity:0;transform:scale(.85);transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1)}.ba-label-chip[data-on]{opacity:1;transform:none}.ba-demo-body{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;height:clamp(180px,calc(100dvh - 640px),260px);padding:16px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 44px);mask-image:linear-gradient(transparent,#000 44px)}.ba-msg{max-width:76%;padding:9px 13px;border-radius:16px;font-size:13px;line-height:1.42;display:none}.ba-msg[data-on]{display:block;animation:ba-msg .5s var(--ease) both}@keyframes ba-msg{0%{opacity:0;transform:translateY(10px) scale(.97)}}.ba-in{align-self:flex-start;background:var(--sunken);color:var(--ink);border-bottom-left-radius:6px}.ba-out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}.ba-voice[data-on]{display:flex;align-items:center;gap:9px;width:220px}.ba-play{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22)}.ba-wave{flex:1;display:flex;align-items:center;gap:2px;height:22px}.ba-wave i{flex:1;border-radius:2px;background:rgba(255,255,255,.85);transform-origin:center;animation:ba-wave 1.1s ease-in-out infinite alternate}@keyframes ba-wave{0%{transform:scaleY(.45);opacity:.7}}.ba-dur{flex:none;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.9}.ba-video[data-on]{display:block;padding:4px}.ba-thumb{position:relative;display:block;width:200px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:radial-gradient(80% 90% at 30% 20%,#3e84d6,#0b3b6f)}.ba-thumb-face{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16);box-shadow:0 0 0 2px rgba(255,255,255,.5)}.ba-play-lg{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);color:#0a66c2}.ba-thumb .ba-dur{position:absolute;left:9px;bottom:8px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.4)}.ba-compose{gap:10px;padding:12px 14px 14px;box-shadow:inset 0 1px 0 var(--hair)}.ba-compose,.ba-compose-field{position:relative;display:flex;align-items:center}.ba-compose-field{flex:1;height:36px;padding:0 12px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hair-strong);font-size:13px}.ba-ph{color:var(--ink-subtle)}.ba-slash{font-weight:600;color:var(--accent);overflow:hidden;white-space:nowrap;animation:ba-type .6s steps(4) both}@keyframes ba-type{0%{max-width:0}to{max-width:4ch}}.ba-caret{width:1.5px;height:15px;margin-left:1px;background:var(--accent);animation:ba-blink 1s steps(1) infinite}@keyframes ba-blink{50%{opacity:0}}.ba-snip-pop{position:absolute;left:8px;bottom:calc(100% + 8px);display:flex;align-items:center;gap:8px;max-width:92%;padding:8px 10px;border-radius:11px;background:var(--surface);box-shadow:var(--float);font-size:12.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;animation:ba-pop .35s cubic-bezier(.3,1.4,.5,1) .55s both}.ba-snip-pop b{color:var(--accent)}.ba-keys kbd,.ba-snip-pop kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;font:600 11px/1 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink-muted);background:var(--surface);box-shadow:0 0 0 1px var(--hair-strong),0 1.5px 0 var(--hair-strong)}@keyframes ba-pop{0%{opacity:0;transform:translateY(6px) scale(.96)}}.ba-keys{display:flex;align-items:center;gap:3px;opacity:0;transform:translateX(6px);transition:opacity .3s,transform .4s var(--ease)}.ba-keys[data-show]{opacity:1;transform:none}.ba-keys em{margin-left:5px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--ink-subtle)}.ba-side{position:relative;flex-direction:column;padding:22px 24px}.ba-side,.ba-top{display:flex;align-items:center}.ba-top{justify-content:flex-end;width:100%}.ba-card-wrap{flex:1;display:grid;place-items:center;width:100%;padding:64px 0 20px}.ba-card{position:relative;width:100%;max-width:404px;padding:50px 34px 30px;border-radius:24px;background:var(--surface);box-shadow:var(--lift);animation:ba-rise .7s .1s var(--ease) both}.ba-card[data-shake=a]{animation:ba-shake-a .45s cubic-bezier(.36,.07,.19,.97)}.ba-card[data-shake=b]{animation:ba-shake-b .45s cubic-bezier(.36,.07,.19,.97)}@keyframes ba-shake-a{15%,55%{transform:translateX(-7px)}35%,75%{transform:translateX(6px)}90%{transform:translateX(-2px)}}@keyframes ba-shake-b{15%,55%{transform:translateX(-7px)}35%,75%{transform:translateX(6px)}90%{transform:translateX(-2px)}}.ba-perch{position:absolute;left:50%;top:-54px;transform:translateX(-50%);filter:drop-shadow(0 10px 14px rgba(10,102,194,.22))}.ba-head{text-align:center;margin-bottom:26px}.ba-head h1{margin:0 0 7px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:25px;line-height:1.15;font-weight:700;letter-spacing:-.03em;animation:ba-rise .45s var(--ease) both;text-wrap:balance}.ba-head p{margin:0 auto;max-width:32ch;font-size:14px;line-height:1.5;color:var(--ink-muted);text-wrap:pretty}.ba-form{gap:16px}.ba-field,.ba-form{display:flex;flex-direction:column}.ba-field{gap:7px}.ba-label{display:flex;align-items:baseline;justify-content:space-between}.ba-label label{font-size:12.5px;font-weight:600;color:var(--ink-muted)}.ba-label a,.ba-label button{border:0;background:none;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--accent);text-decoration:none;cursor:pointer}.ba-label a:hover,.ba-label button:hover{text-decoration:underline}.ba-input-wrap{position:relative}.ba-input{width:100%;height:46px;padding:0 14px;border:0;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hair-strong);color:var(--ink);font:inherit;font-size:15px;letter-spacing:-.01em;outline:none;transition:box-shadow .18s,background .18s}.ba-input::-moz-placeholder{color:var(--ink-subtle);opacity:.8}.ba-input::placeholder{color:var(--ink-subtle);opacity:.8}.ba-input:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent)}.ba-input:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--accent-ring)}.ba-field[data-error] .ba-input{box-shadow:inset 0 0 0 1.5px var(--bad),0 0 0 4px color-mix(in srgb,var(--bad) 16%,transparent)}.ba-input-wrap:has(.ba-eye) .ba-input{padding-right:44px}.ba-eye{position:absolute;right:6px;top:50%;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:none;color:var(--ink-subtle);transform:translateY(-50%);cursor:pointer;transition:color .15s,background .15s}.ba-eye:hover{color:var(--ink);background:var(--sunken)}.ba-note{min-height:0;font-size:12.5px;line-height:1.4;color:var(--ink-subtle);animation:ba-rise .25s var(--ease) both}.ba-err{color:var(--bad);font-weight:550}.ba-caps{display:inline-flex;gap:5px;padding:2px 8px;border-radius:99px;font-weight:600;color:var(--gold);background:var(--gold-weak)}.ba-btn,.ba-caps{align-items:center}.ba-btn{position:relative;display:flex;justify-content:center;gap:8px;width:100%;height:48px;margin-top:4px;border:0;border-radius:13px;background:var(--accent);color:#fff;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.012em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px -12px color-mix(in srgb,var(--accent) 80%,transparent);transition:background .2s,transform .2s var(--ease),box-shadow .2s}.ba-btn:hover:enabled{background:var(--accent-hover);transform:translateY(-1px)}.ba-btn:active:enabled{transform:scale(.985)}.ba-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ba-btn:disabled{cursor:default}.ba-btn[data-state=busy]{opacity:.85}.ba-btn[data-state=done]{background:var(--good);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--good) 80%,transparent)}.ba-tick{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.25);animation:ba-tick .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes ba-tick{0%{transform:scale(.3);opacity:0}}.ba-ghost{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:0;border-radius:13px;background:var(--surface);color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair-strong),0 1px 2px rgba(0,0,0,.04);transition:background .15s,box-shadow .15s}.ba-ghost:hover:enabled{background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent)}.ba-ghost[data-primary]{height:50px;font-size:15px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 45%,transparent),0 8px 20px -14px color-mix(in srgb,var(--accent) 70%,transparent)}.ba-quiet{align-self:center;border:0;background:none;padding:4px 8px;color:var(--ink-muted);font:inherit;font-size:13px;font-weight:550;cursor:pointer}.ba-quiet:hover{color:var(--accent)}.ba-ghost:disabled{opacity:.7;cursor:default}.ba-or{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;color:var(--ink-subtle)}.ba-or span{flex:1;height:1px;background:var(--hair-strong)}.ba-foot{margin-top:22px;text-align:center;font-size:13.5px;color:var(--ink-muted)}.ba-foot a,.ba-foot button{border:0;background:none;padding:0;font:inherit;font-weight:650;color:var(--accent);text-decoration:none;cursor:pointer}.ba-foot a:hover,.ba-foot button:hover:enabled{text-decoration:underline}.ba-foot button:disabled{color:var(--ink-subtle);cursor:default;font-variant-numeric:tabular-nums}.ba-back{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;font-size:13px;color:var(--ink-subtle);text-decoration:none}.ba-back:hover{color:var(--ink)}.ba-pill{justify-content:center;gap:7px;margin:-10px auto 22px;width:-moz-max-content;width:max-content;max-width:100%;padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:550;color:var(--accent);background:var(--accent-weak)}.ba-chip,.ba-pill{display:flex;align-items:center}.ba-chip{gap:11px;padding:10px;margin-bottom:4px;border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hair);animation:ba-rise .4s var(--ease) both}.ba-chip-face{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;overflow:hidden;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2fa8ff,#0a66c2)}.ba-chip-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ba-chip-txt{display:grid;gap:1px;min-width:0;flex:1}.ba-chip-txt b{font-size:14px;font-weight:650}.ba-chip-txt b,.ba-chip-txt em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-chip-txt em{font-style:normal;font-size:12.5px;color:var(--ink-muted)}.ba-chip-switch{flex:none;height:30px;padding:0 11px;border:0;border-radius:9px;background:none;color:var(--accent);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.ba-chip-switch:hover{background:var(--accent-weak)}.ba-sent{display:grid;place-items:center;width:52px;height:52px;margin:-6px auto 16px;border-radius:16px;color:var(--good);background:color-mix(in srgb,var(--good) 13%,transparent);animation:ba-tick .5s cubic-bezier(.3,1.6,.5,1) both}.ba-method{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:13px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hair-strong)}.ba-method i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 14px -8px rgba(0,0,0,.3);transition:transform .35s var(--ease)}.ba-method i[data-at=code]{transform:translateX(100%)}.ba-method button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border:0;background:none;color:var(--ink-muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.ba-method button[aria-checked=true]{color:var(--ink)}.ba-code-row{display:flex;justify-content:space-between;margin-top:4px}.ba-code-row button{border:0;background:none;padding:4px 0;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.ba-code-row button:disabled{color:var(--ink-subtle);cursor:default;font-variant-numeric:tabular-nums}.ba-meter{display:flex;align-items:center;gap:8px}.ba-meter-bars{display:flex;gap:4px}.ba-meter-bars i{width:26px;height:4px;border-radius:4px;background:var(--hair-strong);transition:background .25s}.ba-meter[data-level="1"] .ba-meter-bars i:nth-child(-n+1){background:var(--gold)}.ba-meter[data-level="2"] .ba-meter-bars i:nth-child(-n+2){background:var(--accent)}.ba-meter[data-level="3"] .ba-meter-bars i{background:var(--good)}.bub-auth .ba-form input[inputmode=numeric]{height:54px;border-radius:12px;background:var(--surface-2);font-size:22px;font-weight:600}.ba-legal{display:flex;gap:8px;font-size:12px;color:var(--ink-subtle)}.ba-legal a{color:inherit;text-decoration:none}.ba-legal a:hover{color:var(--ink)}@media (max-width:1023px){.bub-auth{grid-template-columns:minmax(0,1fr)}.ba-stage{display:none}}@media (max-width:480px){.ba-side{padding:16px 16px 18px}.ba-card{padding:46px 22px 24px;border-radius:20px}}@media (prefers-reduced-motion:reduce){.bub-auth *,.bub-auth :after,.bub-auth :before{animation:none!important;transition-duration:.01ms!important}.ba-msg[data-on]{display:block}.ba-voice[data-on]{display:flex}.bub-auth .ba-quote-dots button[data-on] i{animation:none!important;transform:scaleX(1)}}