.bb-dual{--dual-ink: #152c35;--dual-muted: #51666d;--dual-border: #d9e0db;--dual-surface: #fff;--dual-surface-alt: #f1f4ef;--dual-brand: #102c36;--dual-brand-soft: #235561;--dual-mint: #a6efdc;--dual-shadow-sm: 0 2px 8px rgba(16, 44, 54, .1);--dual-ease: .6s ease-in-out;--dual-radius: 24px;height:auto;min-height:100dvh}.bb-dual-main{flex:1;width:100%;display:grid;place-items:center;padding:28px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left))}.bb-auth-header{display:none}.bb-auth-back:focus-visible,.bb-dual-switch button:focus-visible,.bb-dual-welcome button:focus-visible{outline:3px solid var(--dual-mint);outline-offset:2px}.bb-auth-back{position:absolute;z-index:5;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border:1px solid var(--dual-border);border-radius:999px;background:var(--dual-surface);color:var(--dual-ink);font-size:14px;font-weight:600;text-decoration:none;box-shadow:var(--dual-shadow-sm)}.bb-dual-card{position:relative;isolation:isolate;overflow:hidden;width:min(1130px,100%);min-height:max(720px,min(860px,calc(100dvh - 56px)));border:1px solid var(--dual-border);border-radius:var(--dual-radius);background:var(--dual-surface);box-shadow:0 40px 90px -56px #102c366b}.bb-dual-track{position:absolute;inset:0 auto 0 0;width:50%;transition:transform var(--dual-ease)}.bb-dual[data-mode=register] .bb-dual-track{transform:translate(100%)}.bb-dual-form{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;display:flex;align-items:center;justify-content:center;padding:36px clamp(24px,5vw,68px);opacity:1;transition:opacity .3s ease,transform var(--dual-ease)}.bb-dual-form::-webkit-scrollbar{display:none}.bb-dual-form[inert]{opacity:0;pointer-events:none;transform:translateY(12px)}.bb-dual-content{width:min(100%,390px);margin:auto}.bb-dual-intro{margin-bottom:24px}.bb-dual-intro h1{color:var(--dual-ink);font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}.bb-dual-intro p{margin-top:12px;color:var(--dual-muted);font-size:14px;line-height:1.55}.bb-dual-welcome{position:absolute;z-index:2;inset:0 0 0 50%;display:grid;place-items:center;padding:clamp(24px,4vw,40px);color:#fff;text-align:center;background:radial-gradient(ellipse at 52% 100%,var(--dual-brand-soft) 0,var(--dual-brand) 64%);transition:transform var(--dual-ease)}.bb-dual[data-mode=register] .bb-dual-welcome{transform:translate(-100%)}.bb-dual-welcome>div{display:flex;max-width:410px;flex-direction:column;align-items:center}.bb-dual-welcome h2{font-size:clamp(30px,4vw,48px);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}.bb-dual-welcome p{margin-top:16px;max-width:34ch;color:#d8e7e8;font-size:14px;line-height:1.6}.bb-dual-welcome img{width:clamp(160px,22vw,240px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,12,18,.3))}.bb-dual-welcome button{min-height:44px;padding:0 20px;border:1px solid #b7d5cd;border-radius:10px;color:#fff;background:#ffffff0f;font-weight:700;cursor:pointer}@media(hover:hover){.bb-auth-back:hover{background:var(--dual-surface-alt)}.bb-dual-welcome button:hover{background:var(--dual-mint);color:var(--dual-ink)}}.bb-dual-switch{display:none}@media(max-width:1024px){.bb-dual-main{align-items:start;padding:16px}.bb-dual-card{width:min(560px,100%);min-height:0}.bb-auth-back{position:relative;top:auto;left:auto;display:flex;width:fit-content;margin:16px 0 0 16px}.bb-dual-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 16px 0;padding:4px;border-radius:14px;background:var(--dual-surface-alt)}.bb-dual-switch button{min-height:44px;padding-inline:8px;border:0;border-radius:10px;background:transparent;color:var(--dual-muted);font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.bb-dual-switch button[aria-pressed=true]{background:var(--dual-brand);color:#fff}.bb-dual-track,.bb-dual[data-mode=register] .bb-dual-track{position:relative;width:100%;transform:none}.bb-dual-form{position:relative;inset:auto;display:block;padding:24px 24px 32px}.bb-dual-form[inert]{display:none}.bb-dual-content{width:100%;max-width:440px;margin-inline:auto}.bb-dual-intro{margin-bottom:20px}.bb-dual-intro h1{font-size:clamp(27px,7.5vw,34px)}.bb-dual-welcome{display:none}}@media(max-width:640px){.bb-dual-main{padding:0}.bb-dual-card{width:100%;border:0;border-radius:0;box-shadow:none}.bb-auth-back{margin:calc(12px + env(safe-area-inset-top)) 0 0 14px;padding-block:6px}.bb-dual-switch{margin:12px 16px 0}.bb-dual-form{padding:22px 20px 24px}.bb-dual-intro{margin-bottom:16px}.bb-dual .bb-auth-footer{padding-block:14px}}@media(max-width:640px)and (max-height:820px){.bb-dual-intro p{display:none}}@media(prefers-reduced-motion:reduce){.bb-dual-track,.bb-dual-form,.bb-dual-welcome,.bb-dual-switch button{transition:none}}