.hub-auth{--hub-auth-font:inherit;--hub-auth-bg:#f3f4f6;--hub-auth-card-bg:#fff;--hub-auth-card-border:#e5e7eb;--hub-auth-card-shadow:0 10px 30px #0f172a14;--hub-auth-text:#111827;--hub-auth-muted:#6b7280;--hub-auth-input-bg:#f9fafb;--hub-auth-input-border:#d1d5db;--hub-auth-primary:#2563eb;--hub-auth-primary-hover:#1d4ed8;--hub-auth-primary-text:#fff;--hub-auth-focus:#2563eb59;--hub-auth-error:#dc2626;--hub-auth-info:#047857;--hub-auth-notice-bg:#fef3c7;--hub-auth-notice-text:#92400e;--hub-auth-radius:12px;--hub-auth-radius-sm:8px;--hub-auth-card-width:400px;--hub-auth-aside-bg:color-mix(in srgb, var(--hub-auth-primary) 12%, var(--hub-auth-card-bg));--hub-auth-aside-text:var(--hub-auth-text);--hub-auth-aside-border:var(--hub-auth-card-border);--hub-auth-aside-padding:48px;--hub-auth-split-max-width:1200px;box-sizing:border-box;min-height:100vh;background:var(--hub-auth-bg);min-height:100dvh;color:var(--hub-auth-text);font-family:var(--hub-auth-font);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 16px;display:flex}.hub-auth *,.hub-auth :before,.hub-auth :after{box-sizing:border-box}.hub-auth__card{width:100%;max-width:var(--hub-auth-card-width);background:var(--hub-auth-card-bg);border:1px solid var(--hub-auth-card-border);border-radius:var(--hub-auth-radius);box-shadow:var(--hub-auth-card-shadow);padding:32px 28px}.hub-auth__header{text-align:center;margin-bottom:24px}.hub-auth__logo{justify-content:center;margin-bottom:12px;display:flex}.hub-auth__title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.hub-auth__subtitle{color:var(--hub-auth-muted);margin:6px 0 0;font-size:.9rem}.hub-auth__form{flex-direction:column;gap:14px;display:flex}.hub-auth__label{font-size:.875rem;font-weight:600}.hub-auth__input,.hub-auth__otp-digit{border:1px solid var(--hub-auth-input-border);border-radius:var(--hub-auth-radius-sm);background:var(--hub-auth-input-bg);width:100%;color:var(--hub-auth-text);font:inherit;transition:border-color .15s,box-shadow .15s}.hub-auth__input{padding:10px 12px}.hub-auth__input:focus,.hub-auth__otp-digit:focus{border-color:var(--hub-auth-primary);box-shadow:0 0 0 3px var(--hub-auth-focus);outline:none}.hub-auth__otp{justify-content:center;gap:8px;display:flex}.hub-auth__otp-digit{text-align:center;flex:1 1 0;min-width:0;max-width:3rem;height:3rem;padding:0;font-size:1.25rem;font-weight:600}.hub-auth__input:disabled,.hub-auth__otp-digit:disabled{opacity:.6}.hub-auth__button{border-radius:var(--hub-auth-radius-sm);background:var(--hub-auth-primary);width:100%;color:var(--hub-auth-primary-text);font:inherit;cursor:pointer;border:0;padding:11px 16px;font-weight:600;transition:background .15s,opacity .15s}.hub-auth__button:hover:not(:disabled){background:var(--hub-auth-primary-hover)}.hub-auth__button:focus-visible{box-shadow:0 0 0 3px var(--hub-auth-focus);outline:none}.hub-auth__link:focus-visible{box-shadow:0 0 0 3px var(--hub-auth-focus);outline:none}.hub-auth__button:disabled{opacity:.55;cursor:not-allowed}.hub-auth__links{justify-content:space-between;gap:12px;display:flex}.hub-auth__link{color:var(--hub-auth-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem}.hub-auth__link:hover:not(:disabled){text-decoration:underline}.hub-auth__link:disabled{color:var(--hub-auth-muted);cursor:default}.hub-auth__text,.hub-auth__hint{color:var(--hub-auth-muted);text-align:center;margin:0;font-size:.875rem}.hub-auth__hint{font-size:.8rem}.hub-auth__error,.hub-auth__info{text-align:center;margin:0;font-size:.875rem}.hub-auth__error{color:var(--hub-auth-error)}.hub-auth__info{color:var(--hub-auth-info)}.hub-auth__notice{border-radius:var(--hub-auth-radius-sm);background:var(--hub-auth-notice-bg);color:var(--hub-auth-notice-text);text-align:center;margin:0 0 16px;padding:10px 12px;font-size:.875rem}.hub-auth__footer{color:var(--hub-auth-muted);font-size:.875rem}.hub-auth__heading{text-align:center;margin:0;font-size:1.1rem;font-weight:700}.hub-auth__links--center{justify-content:center}.hub-auth__dialog{width:calc(100% - 32px);max-width:640px;max-height:calc(100vh - 32px);border:1px solid var(--hub-auth-card-border);border-radius:var(--hub-auth-radius);background:var(--hub-auth-card-bg);max-height:calc(100dvh - 32px);color:var(--hub-auth-text);font-family:var(--hub-auth-font);box-shadow:var(--hub-auth-card-shadow);margin:auto;padding:0}.hub-auth__dialog[open]{display:flex}.hub-auth__dialog::backdrop{background:#0f172a8c}.hub-auth__dialog-box{flex-direction:column;flex:auto;min-height:0;padding:24px 24px 20px;display:flex}.hub-auth__dialog-title{margin:0 0 12px;font-size:1.1rem;font-weight:700}.hub-auth__dialog-body{overscroll-behavior:contain;min-height:0;color:var(--hub-auth-muted);flex:auto;padding-right:8px;font-size:.875rem;line-height:1.65;overflow-y:auto}.hub-auth__dialog-body:focus-visible{box-shadow:0 0 0 3px var(--hub-auth-focus);outline:none}.hub-auth__dialog-actions{border-top:1px solid var(--hub-auth-card-border);gap:10px;margin-top:16px;padding-top:16px;display:flex}.hub-auth__dialog-actions .hub-auth__button{flex:1 1 0}.hub-auth__button--secondary{border:1px solid var(--hub-auth-input-border);color:var(--hub-auth-text);background:0 0}.hub-auth__button--secondary:hover:not(:disabled){background:var(--hub-auth-input-bg)}.hub-auth__link--inline{font-size:inherit;text-decoration:underline}.hub-auth__link--block{text-align:left;align-self:flex-start;padding-left:24px}.hub-auth__privacy-text{margin:0 0 10px}.hub-auth__privacy-heading{color:var(--hub-auth-text);font-weight:600;display:block}.hub-auth__privacy-text:last-child{margin-bottom:0}.hub-auth__check{cursor:pointer;align-items:flex-start;gap:8px;font-size:.875rem;display:flex}.hub-auth__check input{accent-color:var(--hub-auth-primary);flex:none;margin-top:3px}.hub-auth--split{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.hub-auth__split{flex-direction:column-reverse;flex:auto;width:100%;display:flex}.hub-auth__main{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:16px;padding:24px 16px;display:flex}.hub-auth__aside{padding:var(--hub-auth-aside-padding) 24px;background:var(--hub-auth-aside-bg);color:var(--hub-auth-aside-text);border-top:1px solid var(--hub-auth-aside-border);flex:none;align-items:center;animation:.25s ease-out hub-auth-aside-in;display:flex}.hub-auth__aside-content{flex-direction:column;gap:16px;width:100%;max-width:34rem;margin:0 auto;display:flex}.hub-auth__aside-logo{display:flex}.hub-auth__aside-logo img,.hub-auth__aside-logo svg{border-radius:16px;width:72px;height:72px}.hub-auth__aside-title{margin:0;font-size:2rem;font-weight:700;line-height:1.15}.hub-auth__aside-text{opacity:.82;white-space:pre-line;margin:0;font-size:1.05rem;line-height:1.6}.hub-auth__aside-notice{border-left:3px solid var(--hub-auth-primary);border-radius:var(--hub-auth-radius-sm);background:color-mix(in srgb, var(--hub-auth-primary) 16%, transparent);white-space:pre-line;margin:0;padding:12px 14px;font-size:.925rem}@keyframes hub-auth-aside-in{0%{opacity:0}to{opacity:1}}@media (min-width:900px){.hub-auth--split{justify-content:center;align-items:center;padding:24px}.hub-auth__split{max-width:var(--hub-auth-split-max-width);min-height:min(720px,100vh - 48px);border:1px solid var(--hub-auth-aside-border);border-radius:calc(var(--hub-auth-radius) * 1.5);background:var(--hub-auth-bg);min-height:min(720px,100dvh - 48px);box-shadow:var(--hub-auth-card-shadow);flex-direction:row;flex:0 auto;overflow:hidden}.hub-auth__split>.hub-auth__aside,.hub-auth__split>.hub-auth__main{flex:50%;min-width:0}.hub-auth__aside{padding:var(--hub-auth-aside-padding);border-top:0;border-right:1px solid var(--hub-auth-aside-border)}.hub-auth--logo-aside .hub-auth__main .hub-auth__logo{display:none}}@media (prefers-reduced-motion:reduce){.hub-auth__aside{animation:none}}