.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;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}