:root{--font-family-display:"Trebuchet MS", Tahoma, sans-serif;--font-family-ui:var(--font-instrument-sans), "Segoe UI", system-ui, sans-serif;--font-family-editorial:Georgia, "Times New Roman", serif;--font-family-arabic:"Dubai", Almarai, "Noto Sans Arabic", "Geeza Pro", sans-serif;--font-family-mono:ui-monospace, "SF Mono", Consolas, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:600;--font-weight-bold:700;--kawn-desert-night:#0d0e10;--kawn-burnished-brass:#c9973a;--kawn-electric-chalk:#f4f5f7;--kawn-plasma-blue:#00a3ff;--night-900:#08090a;--night-850:#0b0c0d;--night-800:#0d0e10;--night-700:#141517;--night-600:#1a1c1f;--night-500:#23262a;--night-400:#2c3035;--night-300:#3a3f45;--chalk-100:#f4f5f7;--chalk-200:#dde0e4;--chalk-300:#c3c7cd;--chalk-400:#9aa0a8;--chalk-500:#878d95;--chalk-600:#5f656c;--color-bg-canvas:var(--night-800);--color-bg-well:var(--night-900);--color-surface-1:var(--night-700);--color-surface-2:var(--night-600);--color-surface-3:var(--night-500);--color-surface-interactive:#ffffff0a;--color-surface-interactive-hover:#ffffff14;--color-surface-interactive-pressed:#ffffff08;--color-surface-elevated:var(--night-500);--color-surface-floating:var(--night-400);--color-surface-inverse:var(--chalk-100);--color-overlay-scrim:#060708c7;--color-overlay-media:linear-gradient(180deg, #08090a00 0%, #08090a47 48%, #08090ae0 100%);--color-text-primary:var(--chalk-100);--color-text-secondary:var(--chalk-200);--color-text-tertiary:var(--chalk-400);--color-text-muted:var(--chalk-500);--color-text-warm:var(--chalk-300);--color-text-disabled:var(--chalk-600);--color-text-inverse:var(--night-800);--color-text-brass:var(--kawn-burnished-brass);--color-text-digital:var(--kawn-plasma-blue);--color-border-subtle:#ffffff12;--color-border-default:#ffffff1f;--color-border-strong:#fff3;--color-border-brass:#c9973a5c;--color-border-focus:var(--kawn-plasma-blue);--color-border-selected:var(--kawn-burnished-brass);--color-border-inverse:#1c161224;--color-brand-brass:var(--kawn-burnished-brass);--color-brand-brass-hover:#d9a94e;--color-brand-brass-pressed:#a87a2a;--color-brand-brass-subtle:#c9973a24;--color-brand-brass-subtle-hover:#c9973a33;--color-brand-digital:var(--kawn-plasma-blue);--color-brand-digital-hover:#33b6ff;--color-brand-digital-subtle:#00a3ff24;--color-brand-chalk:var(--chalk-100);--color-brand-chalk-hover:#fff;--color-brand-chalk-pressed:var(--chalk-200);--color-interactive-disabled-bg:#f5f2ec0f;--color-interactive-disabled-text:var(--color-text-disabled);--kawn-accent:#00a3ff;--kawn-accent-hover:#33b5ff;--kawn-accent-pressed:#0089d6;--color-subbrand-studio:var(--kawn-burnished-brass);--color-subbrand-fabric:var(--kawn-plasma-blue);--color-subbrand-tribe:#7c6ed6;--color-subbrand-print:#2ecc71;--color-status-info:var(--kawn-plasma-blue);--color-status-info-subtle:#00a3ff1f;--color-status-warning:var(--kawn-burnished-brass);--color-status-warning-subtle:#c9973a24;--color-status-success:#2ecc71;--color-status-success-subtle:#2ecc7121;--color-status-danger:#e2603f;--color-status-danger-subtle:#e2603f24;--color-status-danger-text:#f2937a;--color-status-neutral:var(--chalk-400);--color-status-neutral-subtle:#f5f2ec14;--type-display-xxl-size:clamp(3.25rem, 9.2vw, 7rem);--type-display-xxl-line:.92;--type-display-xxl-tracking:-.03em;--type-display-xl-size:clamp(2.75rem, 7vw, 5.5rem);--type-display-xl-line:.94;--type-display-xl-tracking:-.026em;--type-display-l-size:clamp(2.375rem, 5.4vw, 4.25rem);--type-display-l-line:.98;--type-display-l-tracking:-.022em;--type-display-m-size:clamp(2rem, 4vw, 3.25rem);--type-display-m-line:1.04;--type-display-m-tracking:-.018em;--type-h1-size:clamp(2.25rem, 3.6vw, 3.25rem);--type-h1-line:1.12;--type-h1-tracking:-.014em;--type-h2-size:clamp(1.875rem, 2.8vw, 2.5rem);--type-h2-line:1.16;--type-h2-tracking:-.011em;--type-h3-size:clamp(1.5rem, 2vw, 2rem);--type-h3-line:1.22;--type-h3-tracking:-.008em;--type-h4-size:1.625rem;--type-h4-line:1.28;--type-h4-tracking:-.004em;--type-h5-size:1.3125rem;--type-h5-line:1.34;--type-h5-tracking:0em;--type-body-xl-size:1.625rem;--type-body-xl-line:1.5;--type-body-lg-size:1.375rem;--type-body-lg-line:1.52;--type-body-size:1.1875rem;--type-body-line:1.56;--type-body-sm-size:1.0625rem;--type-body-sm-line:1.5;--type-body-tracking:.002em;--type-label-lg-size:1.1875rem;--type-label-lg-line:1.2;--type-label-lg-tracking:.008em;--type-label-size:1.0625rem;--type-label-line:1.2;--type-label-tracking:.012em;--type-label-sm-size:.8125rem;--type-label-sm-line:1.2;--type-label-sm-tracking:.08em;--type-caption-size:.9375rem;--type-caption-line:1.45;--type-micro-size:.75rem;--type-micro-line:1.35;--type-micro-tracking:.1em;--space-0:0px;--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--space-4-5:4.5px;--space-7-5:7.5px;--space-10-5:10.5px;--space-13-5:13.5px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-3xl:44px;--radius-pill:9999px;--radius-input:16px;--radius-button:16px;--radius-card:28px;--radius-card-compact:22px;--radius-media:28px;--radius-overlay:28px;--radius-chip:var(--radius-pill);--radius-badge:var(--radius-pill);--border-width-hairline:1px;--border-width-thick:1.5px;--border-width-focus:2px;--focus-ring-keyboard:0 0 0 2px #0d0e10, 0 0 0 4px #00a3ffb3;--focus-ring:var(--focus-ring-keyboard);--focus-field:0 0 0 3px #00a3ff2e;--focus-field-error:0 0 0 3px #e2603f2e;--elevation-0:none;--elevation-inner-highlight:inset 0 1px 0 #f5f2ec0f;--elevation-1:inset 0 1px 0 #f5f2ec0d, 0 1px 2px #0a070566;--elevation-2:inset 0 1px 0 #f5f2ec0f, 0 4px 12px -4px #0a070580;--elevation-3:inset 0 1px 0 #f5f2ec12, 0 12px 28px -10px #0a070599;--elevation-overlay:inset 0 1px 0 #f5f2ec14, 0 24px 64px -16px #0a0705b8;--blur-overlay:saturate(120%) blur(18px);--glow-subtle:none;--glow-medium:none;--glow-hero:none;--glow-focus-digital:none;--gradient-media-scrim:linear-gradient(180deg, #100c0a00 0%, #100c0a4d 52%, #100c0ae0 100%);--gradient-media-scrim-soft:linear-gradient(180deg, #100c0a00 40%, #100c0a99 100%);--gradient-hairline-brass:linear-gradient(90deg, #c9973a00 0%, #c9973a80 50%, #c9973a00 100%);--gradient-skeleton:linear-gradient(90deg, #f5f2ec08 0%, #f5f2ec14 50%, #f5f2ec08 100%);--motion-duration-instant:80ms;--motion-duration-fast:.14s;--motion-duration-standard:.22s;--motion-duration-slow:.4s;--motion-duration-reveal:.56s;--motion-easing-standard:cubic-bezier(.2, 0, .2, 1);--motion-easing-enter:cubic-bezier(.16, .84, .28, 1);--motion-easing-exit:cubic-bezier(.4, 0, .9, .5);--motion-easing-linear:linear;--transition-control:background-color var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);--transition-surface:background-color var(--motion-duration-standard) var(--motion-easing-standard), border-color var(--motion-duration-standard) var(--motion-easing-standard), box-shadow var(--motion-duration-standard) var(--motion-easing-standard), transform var(--motion-duration-standard) var(--motion-easing-standard);--layout-maxwidth-focus:640px;--layout-maxwidth-editorial:1080px;--layout-maxwidth-app:1440px;--layout-maxwidth-wide:1760px;--layout-gutter-mobile:16px;--layout-gutter-tablet:20px;--layout-gutter-desktop:24px;--layout-margin-mobile:20px;--layout-margin-tablet:40px;--layout-margin-laptop:56px;--layout-margin-desktop:80px;--rail-w:213px;--rail-w-collapsed:78px;--topbar-h:60px;--main-pad:42px 48px 72px;--z-base:0;--z-raised:10;--z-sticky:100;--z-header:200;--z-dropdown:400;--z-drawer:600;--z-modal:800;--z-toast:900;--z-tooltip:1000;--kawn-bg-app:#08090a;--kawn-bg-main:#0d0e10;--kawn-surface-panel:#141517;--kawn-surface-nested:#1a1c1f;--kawn-surface-composer:#17181b;--kawn-surface-well:#0f1012;--kawn-bubble:#1e2023;--kawn-seg-active:#2a2d31;--kawn-text-primary:#f4f5f7;--kawn-text-body:#b6bbc2;--kawn-text-meta:#878d95;--kawn-text-label:#9aa0a8;--kawn-text-faint:#7f858d;--kawn-text-warm:#dedad4;--kawn-line:#ffffff12;--kawn-line-strong:#ffffff21;--kawn-line-row:#ffffff0d;--kawn-fill:#ffffff0a;--kawn-fill-hover:#ffffff14;--kawn-fill-row-hover:#ffffff05;--kawn-accent-text:#5cc4ff;--kawn-accent-tint:#00a3ff12;--kawn-accent-soft:#00a3ff29;--kawn-accent-line:#00a3ff5c;--kawn-accent-ring:#00a3ff80;--kawn-accent-selected:#00a3ff8c;--kawn-danger:#e2603f;--kawn-success:#2ecc71;--kawn-brass:#c9973a;--kawn-chalk-action:#f5f2ec;--kawn-highlight:inset 0 1px 0 #ffffff0d;--kawn-highlight-strong:inset 0 1px 0 #ffffff0f;--r-panel:22px;--r-tile:28px;--r-btn:14px;--r-sheet:21px;--r-bubble:18px;--r-row-sm:13.5px;--r-thumb:9px;--r-pill:9999px;--kawn-secondary-bg:#1e2024;--kawn-secondary-bg-hover:#272a2f;--kawn-tertiary-bg:#ffffff0d;--kawn-tertiary-bg-hover:#ffffff17;--kawn-tab-track:#141517;--kawn-tab-active:#34363b;--kawn-tab-active-hover:#3e4046;--kawn-badge-neutral-bg:#23262a;--kawn-badge-neutral-text:#c3c7cd;--kawn-badge-info-bg:#00a3ff29;--kawn-badge-info-text:#5cc4ff;--kawn-badge-success-bg:#4fa88b2e;--kawn-badge-success-text:#6fcba9;--kawn-badge-warning-bg:#c9973a2e;--kawn-badge-warning-text:#e0b46a;--kawn-badge-danger-bg:#e2603f2e;--kawn-badge-danger-text:#f08a6e;--kawn-badge-ochre-bg:#c9973a33;--kawn-badge-ochre-text:#e0b46a;--kawn-badge-green-bg:#2ecc7129;--kawn-badge-green-text:#5fd894;--kawn-badge-purple-bg:#7c6ed638;--kawn-badge-purple-text:#afa4f0;--kawn-badge-gray-bg:#23262a;--kawn-badge-gray-text:#b6bbc2;--kawn-danger-line:#e2603f5c;--kawn-danger-line-strong:#e2603f66;--kawn-danger-line-hover:#e2603f99;--kawn-danger-fill-hover:#e2603f33;--kawn-media-badge-bg:#100c0a9e;--kawn-media-badge-bg-blur:blur(8px);--kawn-progress-track:#f5f2ec14;--kawn-btn-primary-highlight:inset 0 1px 0 #ffffff38;--kawn-topbar-bg:#0d0e10d1;--kawn-topbar-blur:blur(13.5px);--kawn-line-icon:#ffffff1f;--kawn-fill-toggle:#ffffff0f;--kawn-accent-pill:#00a3ff1f;--kawn-fill-track:#ffffff0d;--kawn-fill-faint:#ffffff08;--kawn-line-soft:#ffffff1a;--kawn-highlight-seg:inset 0 1px 0 #ffffff12;--kawn-sheet-scrim:#08090ab8;--kawn-sheet-blur:blur(14px);--kawn-lightbox-scrim:#08090ae0;--kawn-sheet-close-bg:#141517e6;--kawn-media-hover:#08090a80;--kawn-media-btn-bg:#08090a8c;--kawn-media-btn-line:#ffffff2e;--kawn-media-liked-bg:#00a3ffe6;--kawn-halo-bg:#00a3ff24;--kawn-halo-line:#00a3ff73;--kawn-step-chip-current:#00a3ff29;--kawn-bubble-line:#ffffff0f;--kawn-bubble-mine:#00a3ff2e;--kawn-composer-shadow:0 0 0 12px #0d0e10, 0 -18px 30px #0d0e10e6;--kawn-role-designer:#5cc4ff;--kawn-role-engineer:#00a3ff;--kawn-role-other:#9aa0a8}html[data-input=pointer]{--focus-ring:0 0 0 0 transparent}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--kawn-bg-app);scrollbar-color:var(--night-400) var(--night-900)}body{background:var(--kawn-bg-app);min-height:100vh;color:var(--kawn-text-primary);font-family:var(--font-family-ui);letter-spacing:.002em;-webkit-font-smoothing:antialiased;margin:0;font-size:14.3px;line-height:1.56}:where(a){color:var(--color-text-brass);text-decoration:none}:where(a:hover){color:var(--color-brand-brass-hover)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{color:var(--kawn-text-primary);background:#00a3ff4d}[lang=ar],[dir=rtl]{font-family:var(--font-family-arabic);line-height:1.8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#f5f2ec1f padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#f5f2ec38 padding-box content-box}@keyframes kawn-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes kawn-spin{to{transform:rotate(360deg)}}@keyframes kawn-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
