@font-face {
  font-family: "Inter Fallback";
  src:
    local("Arial"), local("Helvetica"), local("Liberation Sans"), local("Arimo");
  size-adjust: 104.9%;
  ascent-override: 92.3%;
  descent-override: 23%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Source Serif Fallback";
  src:
    local("Times New Roman"), local("Liberation Serif"), local("Tinos"),
    local("Times");
  size-adjust: 108.7%;
  ascent-override: 95.3%;
  descent-override: 30.8%;
  line-gap-override: 0%;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/interext.woff2) format("woff2");
  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, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/inter.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-display: swap;
  font-weight: 400 600;
  src: url(../fonts/serifext-display.woff2) format("woff2");
  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, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-display: swap;
  font-weight: 400 600;
  src: url(../fonts/serif-display.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
:root {
  color-scheme: light;
  --vu: 1vh;
  --vh: 100dvh;
  --logo-green: #10b981;
  --lane-career: #2563eb;
  --lane-social: #6d5ce8;
  --lane-links: var(--color-teal);
  --gradient-logo: linear-gradient(
    90deg,
    var(--color-brand-strong) 0%,
    var(--color-brand) 30%,
    var(--logo-green) 100%
  );
  --gradient-line: linear-gradient(
    180deg,
    var(--color-brand-strong),
    var(--color-brand-bright),
    var(--logo-green)
  );
  --gradient-ring: conic-gradient(
    from 0deg,
    var(--color-brand-strong),
    var(--color-brand-bright),
    var(--logo-green),
    var(--color-brand-bright),
    var(--color-brand-strong)
  );
  --font-serif:
    "Source Serif 4", "Source Serif Fallback", "Iowan Old Style", Georgia,
    "Times New Roman", serif;
  --font-family:
    Inter, "Inter Fallback", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Arial, sans-serif;
  --color-ink: #10283b;
  --color-muted: #465a6b;
  --color-border: #dbe3e7;
  --color-border-strong: #c6d1d7;
  --color-border-input: #7a8aa3;
  --color-border-input-hover: #5c6f8a;
  --color-canvas: #f2f6f7;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8fafb;
  --color-surface-2: #eaf2f3;
  --color-surface-glass: rgba(255, 255, 255, 0.88);
  --color-on-brand: #ffffff;
  --color-on-brand-muted: rgba(255, 255, 255, 0.78);
  --color-brand: #0a785c;
  --color-brand-strong: #075e48;
  --color-brand-bright: #0fa07a;
  --color-teal: #0d9460;
  --color-teal-soft: #dff1e9;
  --color-teal-faint: #eef8f3;
  --color-header: #ffffff;
  --glow-mint: rgba(15, 160, 122, 0.12);
  --backdrop-brand:
    radial-gradient(640px 400px at 88% 8%, var(--glow-mint), transparent 70%),
    linear-gradient(
      165deg,
      var(--color-chrome) 0%,
      var(--color-chrome-end) 100%
    );
  --color-on-brand-line: rgba(255, 255, 255, 0.14);
  --color-on-brand-divider: rgba(255, 255, 255, 0.28);
  --color-on-brand-hover: rgba(255, 255, 255, 0.12);
  --color-on-brand-border: rgba(255, 255, 255, 0.4);
  --color-on-brand-glass: rgba(255, 255, 255, 0.08);
  --color-on-brand-edge: rgba(255, 255, 255, 0.2);
  --color-brand-ink: #020617;
  --grade-full: #34d9a5;
  --grade-likely: #6cb4f2;
  --grade-possible: #a99bf6;
  --grade-none: #c0ccdb;
  --grade-issue: #ff9a8f;
  --grade-ink: #10283b;
  --chip-full-bg: #e3f6ee;
  --chip-full-ink: #0a5a41;
  --chip-full-dot: #12a37a;
  --chip-full-line: #b4e2d0;
  --chip-likely-bg: #e7f0fc;
  --chip-likely-ink: #1b4880;
  --chip-likely-dot: #3b82d6;
  --chip-likely-line: #bad3f1;
  --chip-possible-bg: #eeebfc;
  --chip-possible-ink: #43349f;
  --chip-possible-dot: #7c6ae0;
  --chip-possible-line: #d0c9f3;
  --chip-none-bg: #eef2f5;
  --chip-none-ink: #435463;
  --chip-none-dot: #8393a4;
  --chip-none-line: #d3dce3;
  --color-info: #2563eb;
  --color-info-soft: #e9effd;
  --color-info-border: #b9cdf7;
  --color-success: #0b6b4c;
  --color-success-soft: #e0f6ee;
  --color-warning: #7d5200;
  --color-warning-soft: #fff3d6;
  --color-warning-border: #edc36b;
  --color-danger: #b42318;
  --color-danger-soft: #fdebea;
  --color-danger-strong: #8f1b12;
  --color-danger-border: #e7aaa5;
  --color-danger-hover-soft: #f9d9d6;
  --color-neutral: #5c6d7b;
  --color-neutral-soft: #edf1f4;
  --color-disabled-text: #718295;
  --color-disabled-surface: #f0f4f7;
  --color-disabled-border: #d8e0e7;
  --color-loading-track: #e8eef2;
  --color-toast: #10283b;
  --color-overlay: rgba(11, 29, 44, 0.62);
  --space-0: 2px;
  --space-1: 4px;
  --space-1h: 6px;
  --space-2: 8px;
  --space-2h: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-10: 64px;
  --fit-gap: clamp(6px, calc(1.9 * var(--vu)), 28px);
  --fit-gap-wide: clamp(12px, calc(3.2 * var(--vu)), 40px);
  --fit-pad: clamp(8px, calc(4.6 * var(--vu)), 64px);
  --fit-pad-row: clamp(5px, calc(1.5 * var(--vu)), 22px);
  --font-12: 12px;
  --font-14: 14px;
  --font-16: 16px;
  --font-20: 20px;
  --font-32: 32px;
  --font-48: 48px;
  --measure: 56ch;
  --font-arabic: "Noto Naskh Arabic", "Geeza Pro", "Segoe UI", Tahoma, serif;
  --weight-regular: 400;
  --weight-strong: 600;
  --leading-none: 1;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --tracking-display: -0.025em;
  --tracking-tight: -0.02em;
  --tracking-wide: 0.02em;
  --tracking-caps: 0.06em;
  --tracking-code: 0.12em;
  --tracking-otp: 0.4em;
  --color-accent: #0fa07a;
  --color-chrome-end: #f5f9f7;
  --color-chrome: #e2f0ed;
  --color-teal-line: #a9d7ca;
  --color-teal-line-soft: #bfe3d2;
  --dense-row-height: 32px;
  --control-height: clamp(40px, calc(5.4 * var(--vu)), 44px);
  --control-height-table: clamp(32px, calc(4.4 * var(--vu)), 36px);
  --control-toggle-height: 32px;
  --button-padding-x: 20px;
  --button-min-width: 120px;
  --button-min-width-table: 88px;
  --h1-size: var(--font-48);
  --h2-size: var(--font-32);
  --h3-size: var(--font-20);
  --navigation-item-height: var(--desktop-nav-height-compact, 28px);
  --table-row-height-compact: 40px;
  --table-row-height-standard: 44px;
  --badge-height-compact: 22px;
  --badge-height-standard: 26px;
  --status-line-height: 18px;
  --admin-command-height: 48px;
  --admin-command-icon-size: 22px;
  --admin-command-min-width: 56px;
  --admin-contextbar-height: 48px;
  --admin-nav-badge-size: 18px;
  --admin-command-deck-offset: 72px;
  --modal-width-small: 420px;
  --button-compact-max-width: 136px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --border-thin: 1px;
  --border-strong: 2px;
  --border-accent: 4px;
  --grid-gap-standard: var(--space-4);
  --shadow-none: none;
  --shadow-subtle: 0 8px 24px rgba(18, 38, 58, 0.08);
  --shadow-popover: 0 2px 8px rgba(23, 48, 71, 0.08);
  --shadow-hairline: 0 1px 0 var(--color-border);
  --shadow-card:
    0 1px 2px rgba(18, 38, 58, 0.06), 0 14px 30px -18px rgba(18, 38, 58, 0.28);
  --shadow-card-hover:
    0 1px 2px rgba(18, 38, 58, 0.06), 0 18px 36px -16px rgba(18, 38, 58, 0.32);
  --shadow-surface:
    0 1px 2px rgba(16, 40, 59, 0.04), 0 8px 22px -12px rgba(16, 40, 59, 0.16);
  --shadow-raised: 0 16px 40px -16px rgba(23, 48, 71, 0.22);
  --shadow-brand: 0 8px 18px -10px rgba(10, 120, 92, 0.6);
  --shadow-brand-hover: 0 12px 22px -12px rgba(10, 120, 92, 0.75);
  --shadow-modal: 0 24px 70px rgba(0, 0, 0, 0.22);
  --shadow-header: 0 8px 24px
    color-mix(in srgb, var(--color-brand-ink) 35%, transparent);
  --radius-pill: 999px;
  --radius-round: 50%;
  --focus-outline-width: 2px;
  --focus-outline-offset: 2px;
  --focus-ring: 0 0 0 3px var(--color-teal-soft), 0 0 0 5px var(--color-brand);
  --field-ring: 0 0 0 2px var(--color-teal-soft);
  --field-ring-danger: 0 0 0 2px var(--color-danger-soft);
  --transition-fast: 0.16s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;
  --check-size: 16px;
  --wm-logo-ratio: 1.4;
  --z-base: 1;
  --z-raised: 2;
  --z-sticky: 20;
  --z-sticky-top: 22;
  --z-dropdown: 30;
  --z-header: 40;
  --z-overlay: 100;
  --z-modal: 1200;
  --z-toast: 10000;
  --z-toast-top: 10001;
  --z-gate: 2147483000;
  --page-max-width: 1600px;
  --page-padding: 24px;
  --page-padding-large: 32px;
  --workspace-panel-gap: 24px;
  --header-height: 64px;
  --footer-height: 132px;
  --header-total: calc(var(--header-height) + var(--border-thin));
  --desktop-header-compact: var(--header-total);
  --desktop-nav-height-compact: 28px;
  --desktop-section-gap-compact: 12px;
  --desktop-panel-padding-compact: 16px;
  --desktop-micro-gap: 2px;
}
body.admin-portal > .ui-header,
body.is-authenticated .workspace-header.workspace-header,
body.site-page > header.site-header {
  --color-on-brand: var(--color-ink);
  --color-on-brand-muted: var(--color-muted);
  --color-on-brand-line: rgba(16, 40, 59, 0.12);
  --color-on-brand-divider: rgba(16, 40, 59, 0.2);
  --color-on-brand-hover: rgba(15, 160, 122, 0.1);
  --color-on-brand-border: rgba(16, 40, 59, 0.28);
  --color-on-brand-glass: rgba(255, 255, 255, 0.7);
  --color-on-brand-edge: rgba(16, 40, 59, 0.2);
}
.app-login .ul-brand-panel,
.public-site-footer,
.site-footer,
.site-hero,
.site-proof {
  --color-accent: #a4efcc;
  --color-on-brand: var(--color-ink);
  --color-on-brand-muted: var(--color-muted);
  --color-on-brand-line: rgba(16, 40, 59, 0.12);
  --color-on-brand-divider: rgba(16, 40, 59, 0.2);
  --color-on-brand-hover: rgba(10, 120, 92, 0.08);
  --color-on-brand-border: rgba(10, 120, 92, 0.3);
  --color-on-brand-glass: rgba(255, 255, 255, 0.62);
  --color-on-brand-edge: rgba(10, 120, 92, 0.22);
}