/* Critical render path: locally bundled font declarations and design tokens.
   Generated assets remain separately available for other consumers, but this
   stylesheet no longer blocks on two cascading @import network requests. */
/* Generated from the existing locally supplied font inventory. */
@font-face { font-family: "Inter"; src: url("/fonts/Inter-var-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/Inter-var-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/JetBrainsMono-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/JetBrainsMono-500.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/JetBrainsMono-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }

/* Generated by scripts/completeness/bce02/generate-tokens.mjs. Edit web/src/design/tokens.json. */
:root {
  --ageis-color-canvas: #101113;
  --ageis-color-surface: #17191c;
  --ageis-color-surface-raised: #202327;
  --ageis-color-surface-selected: #2d3038;
  --ageis-color-text: #f3f1eb;
  --ageis-color-text-secondary: #b6b7ba;
  --ageis-color-text-tertiary: #989ca3;
  --ageis-color-text-inverse: #161719;
  --ageis-color-border: #3c4148;
  --ageis-color-border-strong: #626973;
  --ageis-color-accent: #c1b5e4;
  --ageis-color-accent-subtle: #302c3b;
  --ageis-color-success: #9ed5b4;
  --ageis-color-success-surface: #1a3025;
  --ageis-color-warning: #e6c38a;
  --ageis-color-warning-surface: #352b1b;
  --ageis-color-danger: #ffa6a0;
  --ageis-color-danger-surface: #3b2425;
  --ageis-color-info: #a7c8df;
  --ageis-color-info-surface: #23303a;
  --ageis-color-focus: #d6c5ff;
  --ageis-color-disabled: #93969d;
  --ageis-color-selection: #433b56;
  --ageis-color-overlay: rgb(0 0 0 / 0.72);
  --ageis-color-chart-1: #c1b5e4;
  --ageis-color-chart-2: #a7c8df;
  --ageis-color-chart-3: #9ed5b4;
  --ageis-color-chart-4: #e6c38a;
  --ageis-color-chart-5: #d6abc4;
  --ageis-color-scrollbar-thumb: #626973;
  --ageis-color-scrollbar-hover: #989ca3;
  --ageis-color-scrollbar-active: #c1b5e4;
  --ageis-color-scrollbar-track: #17191c;
  --ageis-font-sans: Inter, 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, sans-serif;
  --ageis-font-mono: 'JetBrains Mono', 'IBM Plex Sans Arabic', ui-monospace, monospace;
  --ageis-font-display: Inter, 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, sans-serif;
  --ageis-type-display: clamp(2.5rem, 4.8vw, 4.75rem);
  --ageis-type-title: clamp(1.625rem, 2.2vw, 2.25rem);
  --ageis-type-section: 1.25rem;
  --ageis-type-body: 1rem;
  --ageis-type-ui: 0.875rem;
  --ageis-type-metadata: 0.75rem;
  --ageis-type-metric: clamp(1.75rem, 2.5vw, 2.5rem);
  --ageis-type-body-leading: 1.6;
  --ageis-type-ui-leading: 1.45;
  --ageis-type-heading-leading: 1.15;
  --ageis-type-label-tracking: 0.06em;
  --ageis-type-heading-tracking: -0.035em;
  --ageis-type-regular: 400;
  --ageis-type-medium: 500;
  --ageis-type-semibold: 600;
  --ageis-type-bold: 700;
  --ageis-space-1: 0.25rem;
  --ageis-space-2: 0.5rem;
  --ageis-space-3: 0.75rem;
  --ageis-space-4: 1rem;
  --ageis-space-5: 1.25rem;
  --ageis-space-6: 1.5rem;
  --ageis-space-8: 2rem;
  --ageis-space-10: 2.5rem;
  --ageis-space-12: 3rem;
  --ageis-space-16: 4rem;
  --ageis-space-20: 5rem;
  --ageis-radius-control: 0.375rem;
  --ageis-radius-panel: 0.75rem;
  --ageis-radius-overlay: 1rem;
  --ageis-radius-pill: 999px;
  --ageis-shadow-none: none;
  --ageis-shadow-raised: 0 4px 16px rgb(0 0 0 / 0.18);
  --ageis-shadow-overlay: 0 20px 64px rgb(0 0 0 / 0.45);
  --ageis-motion-fast: 120ms;
  --ageis-motion-normal: 180ms;
  --ageis-motion-enter: 240ms;
  --ageis-motion-exit: 120ms;
  --ageis-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --ageis-motion-reduce: 0.01ms;
  --ageis-motion-reorganize: 450ms;
  --ageis-motion-trace: 700ms;
  --ageis-layout-reading: 68ch;
  --ageis-layout-content: 90rem;
  --ageis-layout-wide: 112rem;
  --ageis-layout-sidebar: 16rem;
  --ageis-layout-header: 4.25rem;
  --ageis-layout-control: 2.5rem;
  --ageis-layout-touch: 2.75rem;
  --ageis-layout-row-compact: 2.25rem;
  --ageis-layout-row-comfortable: 3rem;
  --ageis-layer-base: 0;
  --ageis-layer-sticky: 20;
  --ageis-layer-menu: 40;
  --ageis-layer-overlay: 60;
  --ageis-layer-toast: 80;
  --ageis-layer-ambient: 0;
  --ageis-layer-structure: 1;
  --ageis-layer-content: 2;
  --ageis-layer-workspace: 3;
  --ageis-layer-inspector: 4;
  --ageis-layer-command: 5;
  --ageis-layer-decision: 6;
}

[hidden]{display:none!important}
:root{
  --bg:var(--ageis-color-canvas);--shell:var(--ageis-color-surface);--surface:var(--ageis-color-surface);--elev:var(--ageis-color-surface-raised);--overlay:var(--ageis-color-surface-raised);
  --line:var(--ageis-color-border);--line-strong:var(--ageis-color-border-strong);--text:var(--ageis-color-text);--text2:var(--ageis-color-text);--text3:var(--ageis-color-text-secondary);--muted:var(--ageis-color-text-secondary);
  --violet:var(--ageis-color-accent);--violet2:var(--ageis-color-accent);--baby:var(--ageis-color-info);--pink:var(--ageis-color-chart-5);--mint:var(--ageis-color-success);--amber:var(--ageis-color-warning);--danger:var(--ageis-color-danger);
  --sans:var(--ageis-font-sans);--mono:var(--ageis-font-mono);
  --radius:24px;--radius-sm:14px;--shadow:var(--ageis-shadow-raised);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:-.018em}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 18%,color-mix(in srgb, var(--ageis-color-success) 9%, transparent),transparent 26%),radial-gradient(circle at 14% 78%,color-mix(in srgb, var(--ageis-color-accent) 8%, transparent),transparent 25%);z-index:0}
.auth-page{min-height:100vh;position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.auth-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid color-mix(in srgb, var(--ageis-color-border) 5.5%, transparent);background:color-mix(in srgb, var(--ageis-color-canvas) 74%, transparent);backdrop-filter:none;position:relative;z-index:30}
.brand-lockup{display:flex;align-items:center;gap:15px}.brand-lockup img{width:50px;height:50px;object-fit:contain}.brand-words{display:grid;line-height:1}.brand-words b{font-weight:680;letter-spacing:.30em;font-size:16px}.brand-words small{font-size:8px;letter-spacing:.52em;color:var(--ageis-color-success);margin-top:7px;font-weight:700}
.header-tools{display:flex;align-items:center;gap:14px;color:var(--text3);font-size:13px}.quiet-link{padding:10px 12px;border-radius:10px}.quiet-link:hover,.quiet-link:focus-visible{background:var(--ageis-color-text);color:var(--ageis-color-text);outline:none}.review-tag{font:600 9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ageis-color-text-secondary);border:1px solid var(--ageis-color-border);padding:8px 10px;border-radius:999px}
.auth-main{display:grid;grid-template-columns:minmax(430px,.88fr) minmax(590px,1.12fr);min-height:calc(100vh - 124px)}
.auth-column{display:flex;align-items:center;justify-content:center;padding:54px 5.5vw 60px;position:relative}.auth-column:after{content:"";position:absolute;right:0;top:6%;bottom:6%;width:1px;background:linear-gradient(transparent,color-mix(in srgb, var(--ageis-color-text) 10%, transparent),transparent)}
.auth-card{width:min(520px,100%);position:relative}.step-kicker{font:600 10px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ageis-color-accent);margin-bottom:18px;display:flex;align-items:center;gap:10px}.step-kicker:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--violet),transparent)}
.auth-card h1{font-size:clamp(34px,3.6vw,54px);line-height:.98;letter-spacing:-.055em;margin:0 0 16px;font-weight:620}.auth-card h1 em{font-weight:450;font-style:italic;color:var(--ageis-color-accent)}.lead{color:var(--text3);font-size:15px;line-height:1.65;margin:0 0 28px;max-width:48ch}
.auth-form{display:grid;gap:15px}.field{display:grid;gap:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{font-size:11px;font-weight:650;color:var(--ageis-color-text);letter-spacing:.01em}.input-shell{position:relative;display:flex;align-items:center}.input-shell input,.input-shell select{width:100%;border:1px solid color-mix(in srgb, var(--ageis-color-border) 9%, transparent);background:linear-gradient(180deg,var(--ageis-color-surface),var(--ageis-color-surface));color:var(--text);min-height:50px;border-radius:13px;padding:0 44px 0 15px;outline:none;transition:.18s border-color,.18s box-shadow,.18s background}.input-shell input::placeholder{color:var(--ageis-color-text-secondary)}.input-shell input:hover,.input-shell select:hover{border-color:var(--ageis-color-border)}.input-shell input:focus,.input-shell select:focus{border-color:color-mix(in srgb, var(--ageis-color-accent) 72%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ageis-color-accent) 9%, transparent),0 10px 30px color-mix(in srgb, var(--ageis-color-canvas) 20%, transparent);background:var(--ageis-color-surface)}.input-icon{position:absolute;right:14px;display:grid;place-items:center;color:var(--ageis-color-text-secondary)}.input-icon svg{width:17px;height:17px}.field-help{font-size:10px;color:var(--ageis-color-text-secondary);line-height:1.5}.field-error{font-size:10px;color:var(--ageis-color-danger);display:none}.field.invalid .field-error{display:block}.field.invalid input{border-color:color-mix(in srgb, var(--ageis-color-danger) 55.00000000000001%, transparent)}
.inline-row{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--ageis-color-text-secondary)}.check{display:flex;align-items:center;gap:9px;cursor:pointer}.check input{width:15px;height:15px;accent-color:var(--violet)}.text-link{color:var(--ageis-color-accent)}.text-link:hover{text-decoration:underline}
.primary-btn,.secondary-btn,.sso-btn,.role-chip,.workspace-option{border:0;cursor:pointer}.primary-btn{min-height:51px;border-radius:13px;color:var(--ageis-color-surface);font-weight:760;background:linear-gradient(105deg,var(--ageis-color-accent) 0%,var(--ageis-color-accent) 42%,var(--ageis-color-success) 100%);box-shadow:0 13px 34px color-mix(in srgb, var(--ageis-color-accent) 22%, transparent);position:relative;overflow:hidden;transition:.16s transform,.16s box-shadow}.primary-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,color-mix(in srgb, var(--ageis-color-text) 28.000000000000004%, transparent) 46%,transparent 70%);transform:translateX(-140%);transition:.6s transform}.primary-btn:hover:before{transform:translateX(140%)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 18px 42px color-mix(in srgb, var(--ageis-color-accent) 30%, transparent)}.primary-btn:active{transform:translateY(0)}.primary-btn:focus-visible,.sso-btn:focus-visible,.role-chip:focus-visible,.workspace-option:focus-visible{outline:2px solid var(--baby);outline-offset:3px}.primary-btn.loading{color:transparent;pointer-events:none}.primary-btn.loading:after{content:"";position:absolute;left:50%;top:50%;width:19px;height:19px;margin:-10px;border:2px solid var(--ageis-color-border);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:var(--ageis-color-text-secondary);font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:3px 0}.divider:before,.divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--ageis-color-text))}.divider:after{background:linear-gradient(90deg,var(--ageis-color-text),transparent)}
.sso-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sso-btn{min-height:46px;border-radius:12px;border:1px solid color-mix(in srgb, var(--ageis-color-border) 8%, transparent);background:var(--ageis-color-text);color:var(--ageis-color-text);display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;transition:.15s background,.15s border-color}.sso-btn:hover{background:var(--ageis-color-text);border-color:var(--ageis-color-border)}.sso-btn img{width:18px;height:18px}.passkey-btn{grid-column:1/-1}.passkey-mark{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--ageis-color-success);position:relative}.passkey-mark:before{content:"";position:absolute;width:7px;height:7px;border:1.5px solid var(--ageis-color-success);border-radius:50%;left:4px;top:3px}.passkey-mark:after{content:"";position:absolute;width:7px;height:5px;border:1.5px solid var(--ageis-color-success);border-top:0;border-radius:0 0 7px 7px;left:4px;bottom:2px}
.form-note{margin-top:20px;padding:13px 14px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb, var(--ageis-color-success) 6%, transparent),color-mix(in srgb, var(--ageis-color-accent) 4%, transparent));border:1px solid color-mix(in srgb, var(--ageis-color-success) 12%, transparent);color:var(--ageis-color-info);font-size:10px;line-height:1.55}.form-note strong{color:var(--ageis-color-text)}.auth-switch{text-align:center;color:var(--ageis-color-text-secondary);font-size:11px;margin-top:18px}.auth-switch a{color:var(--ageis-color-accent);font-weight:650}
.vignette-column{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 4.5vw 60px;overflow:hidden;background:radial-gradient(circle at 52% 45%,color-mix(in srgb, var(--ageis-color-surface-raised) 95%, transparent),color-mix(in srgb, var(--ageis-color-surface) 88%, transparent) 58%,var(--ageis-color-canvas) 90%)}.vignette-column:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb, var(--ageis-color-text) 1.7999999999999998%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--ageis-color-text) 1.7999999999999998%, transparent) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,black,transparent 78%)}
.vignette{width:min(760px,100%);position:relative;z-index:2;display:grid;gap:19px}.vignette-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.vignette-head .copy{max-width:460px}.vignette-head span{font:600 9px var(--mono);letter-spacing:.22em;color:var(--ageis-color-info);text-transform:uppercase}.vignette-head h2{font-size:clamp(27px,3vw,42px);line-height:1.04;letter-spacing:-.04em;margin:8px 0 0;font-weight:540}.vignette-head h2 em{font-weight:400;color:var(--ageis-color-accent)}.state-chip{font:600 9px var(--mono);letter-spacing:.08em;color:var(--ageis-color-success);border:1px solid color-mix(in srgb, var(--ageis-color-success) 18%, transparent);background:color-mix(in srgb, var(--ageis-color-success) 5%, transparent);padding:8px 10px;border-radius:999px;white-space:nowrap}.state-chip:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);margin-right:7px}
.journey-scene{min-height:430px;border:1px solid color-mix(in srgb, var(--ageis-color-border) 7.5%, transparent);border-radius:25px;background:linear-gradient(155deg,color-mix(in srgb, var(--ageis-color-surface-raised) 94%, transparent),color-mix(in srgb, var(--ageis-color-surface) 96%, transparent));box-shadow:var(--shadow);position:relative;overflow:hidden;isolation:isolate}.journey-scene:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 72% 18%,color-mix(in srgb, var(--ageis-color-success) 12%, transparent),transparent 21%),radial-gradient(circle at 25% 73%,color-mix(in srgb, var(--ageis-color-danger) 7.000000000000001%, transparent),transparent 23%);z-index:-1}.scene-media{position:absolute;right:0;top:0;width:56%;height:100%;overflow:hidden}.scene-media img{width:100%;height:100%;object-fit:cover;opacity:.66;filter:saturate(.8) contrast(1.03)}.scene-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ageis-color-surface) 0,color-mix(in srgb, var(--ageis-color-surface) 70%, transparent) 24%,color-mix(in srgb, var(--ageis-color-surface) 12%, transparent) 70%),linear-gradient(0deg,color-mix(in srgb, var(--ageis-color-surface) 60%, transparent),transparent 55%)}
.scene-content{position:absolute;left:0;top:0;bottom:0;width:60%;padding:38px 35px;display:flex;flex-direction:column;justify-content:center}.scene-mark{position:relative;width:82px;height:82px;margin-bottom:22px;display:grid;place-items:center}.scene-mark img{width:58px;height:58px;object-fit:contain;position:relative;z-index:2}.scene-mark .ring{position:absolute;border:1px solid color-mix(in srgb, var(--ageis-color-accent) 24%, transparent);border-radius:50%;inset:4px}.scene-mark .ring:nth-child(2){inset:13px;border-color:color-mix(in srgb, var(--ageis-color-success) 22%, transparent)}.scene-mark.signal .ring{animation:authRing 1.4s ease-out 1}.scene-content h3{font-size:26px;line-height:1.08;margin:0 0 10px;font-weight:560}.scene-content p{color:var(--ageis-color-text);font-size:12px;line-height:1.65;max-width:380px;margin:0}.scene-facts{display:grid;gap:8px;margin-top:22px}.scene-fact{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb, var(--ageis-color-border) 6%, transparent);background:color-mix(in srgb, var(--ageis-color-text) 2.5%, transparent);border-radius:11px}.scene-fact i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb, var(--ageis-color-accent) 18%, transparent),color-mix(in srgb, var(--ageis-color-success) 9%, transparent));border:1px solid color-mix(in srgb, var(--ageis-color-accent) 18%, transparent)}.scene-fact b{font-size:11px;font-weight:650}.scene-fact small{display:block;margin-top:4px;font:500 8px/1.5 var(--mono);color:var(--ageis-color-text-secondary)}.scene-fact em{font:600 7.5px var(--mono);font-style:normal;color:var(--ageis-color-success)}.product-slice{position:absolute;right:22px;bottom:22px;width:38%;aspect-ratio:1.55/1;border:1px solid color-mix(in srgb, var(--ageis-color-border) 12%, transparent);border-radius:14px;overflow:hidden;box-shadow:0 24px 50px color-mix(in srgb, var(--ageis-color-canvas) 34%, transparent);transform:perspective(700px) rotateY(-5deg) rotateX(2deg);transform-origin:center}.product-slice img{width:100%;height:100%;object-fit:cover;object-position:top left}.product-slice:after{content:"YOUR WORKSPACE · PREVIEW";position:absolute;left:10px;bottom:9px;font:600 6px var(--mono);letter-spacing:.12em;color:var(--ageis-color-text);background:var(--ageis-color-surface);border:1px solid var(--ageis-color-border);padding:6px 8px;border-radius:999px;backdrop-filter:none}
.auth-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 2px}.auth-progress a,.auth-progress button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left;color:var(--ageis-color-text-secondary)}.progress-line{height:2px;background:var(--ageis-color-text);position:relative;overflow:hidden;border-radius:2px;margin-bottom:8px}.progress-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--violet),var(--baby));transform:scaleX(0);transform-origin:left;transition:.35s transform}.auth-progress .done .progress-line:after,.auth-progress .active .progress-line:after{transform:scaleX(1)}.auth-progress b{display:block;font:600 7.5px var(--mono);letter-spacing:.08em;text-transform:uppercase}.auth-progress .active b{color:var(--ageis-color-accent)}.auth-progress .done b{color:var(--ageis-color-success)}
.auth-footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-top:1px solid var(--ageis-color-border);color:var(--ageis-color-text-secondary);font:500 8px var(--mono);letter-spacing:.07em;position:relative;z-index:10}.footer-right{display:flex;gap:16px}.footer-right button{background:none;border:0;color:var(--ageis-color-info);font:inherit;cursor:pointer}.footer-right button:hover{color:var(--ageis-color-text)}
.password-toggle{position:absolute;right:10px;width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--ageis-color-text-secondary);cursor:pointer}.password-toggle:hover{color:var(--ageis-color-text)}.password-toggle svg{width:17px;height:17px}
.strength{height:4px;background:var(--ageis-color-text);border-radius:99px;overflow:hidden;margin-top:2px}.strength>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--danger),var(--amber),var(--mint));transition:.2s width}.strength-label{display:flex;justify-content:space-between;color:var(--ageis-color-text-secondary);font:500 8px var(--mono);margin-top:6px}
.otp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;direction:ltr}.otp-row input{min-width:0;height:58px;border:1px solid color-mix(in srgb, var(--ageis-color-border) 10%, transparent);border-radius:13px;background:var(--ageis-color-surface);color:var(--ageis-color-text);text-align:center;font-size:20px;font-weight:650;outline:none}.otp-row input:focus{border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb, var(--ageis-color-accent) 8%, transparent)}.resend-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ageis-color-text-secondary)}.resend-btn{border:0;background:none;color:var(--ageis-color-accent);cursor:pointer}.resend-btn[disabled]{color:var(--ageis-color-text-secondary);cursor:not-allowed}
.status-card{border:1px solid color-mix(in srgb, var(--ageis-color-border) 7.5%, transparent);border-radius:15px;background:linear-gradient(140deg,color-mix(in srgb, var(--ageis-color-surface-raised) 70%, transparent),color-mix(in srgb, var(--ageis-color-surface) 80%, transparent));padding:16px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center}.status-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb, var(--ageis-color-success) 8%, transparent);border:1px solid color-mix(in srgb, var(--ageis-color-success) 18%, transparent);color:var(--mint)}.status-card b{font-size:11px}.status-card p{margin:3px 0 0;font-size:9px;line-height:1.5;color:var(--ageis-color-text-secondary)}.privacy-note{font-size:9px;color:var(--ageis-color-text-secondary);line-height:1.55;padding-left:12px;border-left:2px solid color-mix(in srgb, var(--ageis-color-success) 14.000000000000002%, transparent)}
.workspace-grid{display:grid;gap:10px}.workspace-option{width:100%;text-align:left;border:1px solid color-mix(in srgb, var(--ageis-color-border) 8%, transparent);background:linear-gradient(135deg,var(--ageis-color-surface),var(--ageis-color-surface));border-radius:15px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;color:inherit;transition:.18s border-color,.18s background,.18s transform}.workspace-option:hover{transform:translateY(-1px);border-color:var(--ageis-color-border)}.workspace-option.active{border-color:color-mix(in srgb, var(--ageis-color-accent) 55.00000000000001%, transparent);background:linear-gradient(135deg,color-mix(in srgb, var(--ageis-color-accent) 11%, transparent),color-mix(in srgb, var(--ageis-color-success) 5%, transparent))}.workspace-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb, var(--ageis-color-accent) 20%, transparent),color-mix(in srgb, var(--ageis-color-success) 10%, transparent));border:1px solid color-mix(in srgb, var(--ageis-color-accent) 20%, transparent);font-weight:750;color:var(--ageis-color-accent)}.workspace-option b{font-size:12px}.workspace-option small{display:block;margin-top:3px;color:var(--ageis-color-text-secondary);font-size:9px}.workspace-option .access{font:600 7px var(--mono);color:var(--ageis-color-info);text-transform:uppercase}.role-row{display:flex;flex-wrap:wrap;gap:8px}.role-chip{padding:9px 11px;border-radius:999px;border:1px solid var(--ageis-color-border);background:var(--ageis-color-text);color:var(--ageis-color-text-secondary);font-size:10px}.role-chip.active{color:var(--ageis-color-text);border-color:color-mix(in srgb, var(--ageis-color-accent) 40%, transparent);background:color-mix(in srgb, var(--ageis-color-accent) 10%, transparent)}
.flow-shell{max-width:1440px;margin:0 auto;padding:24px 24px 50px}.flow-stage-nav{position:sticky;top:16px;z-index:40;background:color-mix(in srgb, var(--ageis-color-surface) 78%, transparent);border:1px solid var(--ageis-color-border);border-radius:18px;padding:10px;backdrop-filter:none;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0 20px}.flow-stage-nav button{border:1px solid transparent;background:transparent;color:var(--ageis-color-text-secondary);border-radius:11px;padding:12px 8px;cursor:pointer;font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.flow-stage-nav button.active{color:var(--ageis-color-text);background:linear-gradient(135deg,color-mix(in srgb, var(--ageis-color-accent) 15%, transparent),color-mix(in srgb, var(--ageis-color-success) 7.000000000000001%, transparent));border-color:color-mix(in srgb, var(--ageis-color-accent) 23%, transparent)}.flow-frame{min-height:790px;border:1px solid var(--ageis-color-border);border-radius:28px;overflow:hidden;background:var(--ageis-color-surface);box-shadow:var(--shadow)}.flow-frame .auth-main{min-height:790px}.flow-frame .auth-header,.flow-frame .auth-footer{display:none}
.inline-message{display:none;border-radius:12px;padding:12px 13px;font-size:10px;line-height:1.55}.inline-message.show{display:block}.inline-message.success{color:var(--ageis-color-success);background:color-mix(in srgb, var(--ageis-color-success) 6%, transparent);border:1px solid color-mix(in srgb, var(--ageis-color-success) 16%, transparent)}.inline-message.error{color:var(--ageis-color-danger);background:color-mix(in srgb, var(--ageis-color-danger) 6%, transparent);border:1px solid color-mix(in srgb, var(--ageis-color-danger) 16%, transparent)}
.mfa-sheet{display:none;position:absolute;inset:0;background:color-mix(in srgb, var(--ageis-color-canvas) 84%, transparent);backdrop-filter:none;z-index:50;align-items:center;justify-content:center;padding:24px}.mfa-sheet.show{display:flex}.mfa-panel{width:min(430px,100%);background:linear-gradient(145deg,var(--ageis-color-surface-raised),var(--ageis-color-surface));border:1px solid color-mix(in srgb, var(--ageis-color-border) 10%, transparent);border-radius:20px;padding:25px;box-shadow:0 30px 90px var(--ageis-color-success)}.mfa-panel h3{margin:0 0 8px;font-size:22px}.mfa-panel p{font-size:11px;line-height:1.6;color:var(--ageis-color-text-secondary)}.mfa-methods{display:grid;gap:8px;margin:18px 0}.mfa-methods button{border:1px solid var(--ageis-color-border);background:var(--ageis-color-text);color:var(--ageis-color-text);border-radius:11px;padding:13px;text-align:left;cursor:pointer}.mfa-methods button:hover{background:var(--ageis-color-text)}.mfa-actions{display:flex;gap:9px}.secondary-btn{min-height:44px;border-radius:11px;border:1px solid var(--ageis-color-border);background:var(--ageis-color-text);color:var(--ageis-color-text);padding:0 14px}.secondary-btn:hover{background:var(--ageis-color-text)}
[dir="rtl"] .auth-column:after{right:auto;left:0}[dir="rtl"] .input-shell input,[dir="rtl"] .input-shell select{padding:0 15px 0 44px}[dir="rtl"] .input-icon,[dir="rtl"] .password-toggle{right:auto;left:10px}[dir="rtl"] .step-kicker:before{background:linear-gradient(270deg,var(--violet),transparent)}[dir="rtl"] .auth-progress a,[dir="rtl"] .auth-progress button,[dir="rtl"] .workspace-option{text-align:right}[dir="rtl"] .progress-line:after{transform-origin:right}[dir="rtl"] .privacy-note{padding-left:0;padding-right:12px;border-left:0;border-right:2px solid color-mix(in srgb, var(--ageis-color-success) 14.000000000000002%, transparent)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes authRing{0%{transform:scale(.85);opacity:.35}70%{transform:scale(1.08);opacity:.75}100%{transform:scale(1);opacity:.5}}
@media(max-width:1050px){.auth-main{grid-template-columns:1fr}.vignette-column{min-height:520px}.auth-column:after{display:none}.auth-column{padding:50px 7vw 42px}.vignette-column{padding:42px 7vw 50px}.auth-card{width:min(620px,100%)}.scene-content{width:64%}.auth-header{padding:0 6vw}.auth-footer{padding:0 6vw}}
@media(max-width:680px){.auth-header{height:72px;padding:0 18px}.brand-lockup img{width:42px;height:42px}.brand-words b{font-size:13px}.brand-words small{font-size:7px}.review-tag,.header-tools .quiet-link{display:none}.auth-main{min-height:auto}.auth-column{padding:40px 18px 34px;align-items:flex-start}.auth-card h1{font-size:38px}.lead{font-size:13px}.field-row,.sso-grid{grid-template-columns:1fr}.passkey-btn{grid-column:auto}.vignette-column{padding:30px 18px 42px;min-height:480px}.vignette-head{align-items:flex-start}.state-chip{display:none}.journey-scene{min-height:390px}.scene-media{width:55%;opacity:.42}.scene-content{width:78%;padding:30px 24px}.product-slice{display:none}.auth-progress b{font-size:5.8px}.auth-footer{height:auto;min-height:46px;padding:10px 18px;gap:10px;flex-wrap:wrap}.footer-right{display:none}.otp-row{gap:6px}.otp-row input{height:50px;font-size:18px}.flow-shell{padding:12px}.flow-stage-nav{grid-template-columns:repeat(3,1fr)}.flow-frame{border-radius:20px}.flow-frame .vignette-column{display:none}.flow-frame .auth-column{min-height:690px}.workspace-option{grid-template-columns:38px 1fr}.workspace-option .access{grid-column:2}.workspace-avatar{width:38px;height:38px}.scene-fact{grid-template-columns:20px 1fr}.scene-fact em{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.primary-btn:before{display:none}}
.brand-lockup .lockup-full{width:196px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
@media(max-width:680px){.brand-lockup .lockup-full{width:168px;max-height:42px}}

/* 2026-10-10 audit closure: semantic, readable authentication controls. */
.auth-form .sso-btn,
.auth-page .mfa-methods button,
.auth-page .secondary-btn {
  background: #242b34 !important;
  color: #f3f1eb !important;
  border: 1px solid #747f8c !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: max(0.875rem, 14px) !important;
  line-height: 1.45 !important;
}
.auth-form .sso-btn:hover,
.auth-page .mfa-methods button:hover,
.auth-page .secondary-btn:hover {
  background: #303949 !important;
  border-color: #c1b5e4 !important;
  color: #fff !important;
}
.auth-page :is(.sso-btn,.mfa-methods button,.secondary-btn,.primary-btn):focus-visible{
  outline: 3px solid #d6c5ff !important;
  outline-offset: 3px !important;
}
.auth-page .session-note{font-size:13px;line-height:1.5;color:#d2d8e1}
.auth-page .nojs-warning{padding:14px;border:1px solid #e6c38a;color:#f3f1eb;background:#352b1b;border-radius:9px}
.auth-page #signin-alert.show{display:block;margin:10px 0 18px;padding:12px 14px;line-height:1.5;
  background:#3b2425 !important;color:#fff !important;border:1px solid #ffa6a0 !important}
.auth-page .mfa-sheet{position:fixed !important;inset:0 !important;z-index:999 !important;
  overflow-y:auto;overscroll-behavior:contain}
.auth-page .mfa-panel{max-height:calc(100dvh - 48px);overflow-y:auto;outline:none}
.auth-page .mfa-methods button{min-height:48px}
.auth-page :is(.field label,.inline-row,.footer-right a){font-size:14px;line-height:1.5}
@media(max-width:680px){
  .auth-header .header-tools>a{display:inline-flex !important;font-size:14px !important}
  .auth-header .header-tools>span:not(.review-tag){display:none !important}
  .auth-footer{display:flex !important;flex-wrap:wrap;gap:10px;padding:16px 18px !important}
  .auth-footer .footer-right{display:flex !important;flex-wrap:wrap;gap:16px}
  .auth-page .auth-column{padding-bottom:34px !important}
}
@media(prefers-reduced-motion:reduce){
  .auth-page *, .auth-page *::before,.auth-page *::after{animation:none !important;transition:none !important}
}