.helix-auth{--auth-bg:#f9f9fb;--auth-surface:#fdfdfe;--auth-ink:#1c2024;--auth-muted:#687076;--auth-border:#d5d7df;--auth-accent:#3e63dd;background:var(--auth-bg);min-height:100dvh;color:var(--auth-ink);text-align:start;font-family:IBM Plex Sans,IBM Plex Sans Arabic,system-ui,sans-serif;font-size:14px;line-height:20px;display:flex}.helix-auth *,.helix-auth :before,.helix-auth :after{box-sizing:border-box}.auth-hero{background:#121314;flex:1;min-width:0;display:none;position:relative}.auth-hero iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-form-panel{flex:1;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex}.auth-form-wrap{width:100%;max-width:420px}.auth-brand{direction:ltr;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-brand-mark{color:#fff;background:#1c2024;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid}.auth-brand-name{font-size:18px;font-weight:700;line-height:18px;display:block}.auth-brand-tagline{color:var(--auth-muted);font-size:12px;line-height:16px;display:block}.auth-brand-hero{z-index:1;pointer-events:none;margin:0;position:absolute;top:28px;left:32px}.auth-brand-hero .auth-brand-mark{background:var(--auth-accent);width:38px;height:38px}.auth-brand-hero .auth-brand-name{color:#fff;font-size:16px;line-height:18px}.auth-brand-hero .auth-brand-tagline{color:#ffffff8c}.auth-card{border:1px solid var(--auth-border);background:var(--auth-surface);width:100%;box-shadow:none;border-radius:12px;padding:31px}.auth-footer{text-align:center;color:var(--auth-muted);margin:16px 0 0;font-size:12px;line-height:16px}.auth-heading{letter-spacing:-.005em;text-align:center;margin:0;font-family:inherit;font-size:20px;font-weight:700;line-height:28px}.auth-description{color:var(--auth-muted);text-align:center;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:20px}.auth-intro{margin-bottom:24px}.auth-intro-otp{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.auth-intro-otp .auth-heading{margin-top:12px}.auth-intro-otp .auth-description{margin-top:4px}.auth-fields{flex-direction:column;gap:12px;display:flex}.auth-field{min-width:0;display:block}.auth-field-label{margin-bottom:4px;font-size:14px;font-weight:500;line-height:20px;display:block}.auth-control{width:100%;height:40px;color:var(--auth-muted);background:#fff;border:1px solid #cdced6;border-radius:6px;align-items:center;gap:12px;padding:0 12px;transition:box-shadow .12s,border-color .12s;display:flex}.auth-control:focus-within{border-color:#8da4ef;box-shadow:0 0 0 1px #8da4ef}.auth-control:has(input[aria-invalid=true]){border-color:#e5484d}.auth-control input{width:100%;min-width:0;height:100%;color:var(--auth-ink);direction:ltr;background:0 0;border:0;outline:0;margin:0;padding:0;font:400 16px/24px IBM Plex Sans,IBM Plex Sans Arabic,system-ui,sans-serif}.auth-control input::placeholder{color:#8b8d98;opacity:1}.auth-control>svg{flex-shrink:0}.auth-eye{width:24px;height:28px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;margin-inline-end:-4px;padding:0;display:grid}.auth-eye:hover{background:#f0f0f3}.auth-eye:focus-visible,.auth-link:focus-visible,.auth-primary:focus-visible{outline-offset:3px;outline:2px solid #8da4ef}.auth-primary{background:var(--auth-accent);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;padding:0 16px;font:600 16px/24px IBM Plex Sans,IBM Plex Sans Arabic,system-ui,sans-serif;text-decoration:none;transition:background .12s,transform .12s;display:flex}.auth-primary:hover:not(:disabled){background:#3358d4}.auth-primary:active:not(:disabled){transform:scale(.97)}.auth-primary:disabled{cursor:wait;opacity:.65}.auth-submit{margin-top:4px}.auth-links{justify-content:center;align-items:center;gap:6px;display:flex}.auth-forgot{justify-content:flex-end}.auth-link{min-height:20px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;font:400 12px/16px IBM Plex Sans,IBM Plex Sans Arabic,system-ui,sans-serif;text-decoration:none;display:inline-flex}.auth-link:hover{color:var(--auth-accent)}.auth-link:disabled{cursor:default;opacity:.6}.auth-note{color:var(--auth-muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:16px}.auth-resend{color:var(--auth-muted);text-align:center;margin-top:12px;font-size:12px;line-height:16px}.auth-back{margin-top:8px}.auth-error{color:#ce2c31;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:16px}.auth-form-error{text-align:center;background:#feebec;border-radius:6px;margin-bottom:12px;padding:10px 12px}.auth-status-icon{color:#18752c;background:#e9f6e9;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.auth-status-success{border-radius:999px}.auth-status-error{color:#ce2c31;background:#feebec}.auth-result{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 0;display:flex}.auth-result .auth-heading,.auth-result .auth-description{margin:0}.auth-result .auth-primary{margin-top:12px}.auth-otp-inputs{direction:ltr;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.auth-otp-digit{text-align:center;color:#1c2024;width:48px;min-width:0;height:56px;caret-color:var(--auth-accent,#3e63dd);background:#fff;border:1.5px solid #d0d2da;border-radius:10px;outline:none;padding:0;font:700 22px/1 IBM Plex Sans,system-ui,sans-serif;transition:border-color .12s,box-shadow .12s}.auth-otp-digit[data-filled=true]{border-color:#b3c3f3}.auth-otp-digit:focus{border-color:#8da4ef;box-shadow:0 0 0 1px #8da4ef}.auth-otp-digit[aria-invalid=true]{border-color:#e5484d}.auth-otp-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=1025px){.auth-hero{display:block}}@media (width<=420px){.auth-form-panel{padding:20px 16px}.auth-card{padding:24px}.auth-otp-inputs{gap:6px}.auth-otp-digit{flex:1;max-width:48px;height:54px}}@media (prefers-reduced-motion:no-preference){.auth-form{animation:.26s cubic-bezier(.16,1,.3,1) auth-enter}}@media (prefers-reduced-motion:reduce){.helix-auth *,.helix-auth :before,.helix-auth :after{transition:none!important;animation:none!important}}[dir=rtl] .helix-auth{font-family:IBM Plex Sans Arabic,IBM Plex Sans,sans-serif}