.app-root{min-height:100vh}:root{--brand-navy: #252E6B;--brand-purple: #8677B6;--brand-slate: #708BC6;--brand-cyan: #4FCAF2;--brand-navy-rgb: 37, 46, 107;--brand-purple-rgb: 134, 119, 182;--brand-slate-rgb: 112, 139, 198;--brand-cyan-rgb: 79, 202, 242;--white: #FFFFFF;--white-rgb: 255, 255, 255;--shadow-rgb: 8, 10, 26;--cyan-200: #A9E6FA;--cyan-300: #7FDBF7;--purple-200: #C3B9DE;--purple-300: #A99CCB;--slate-200: #B6C4E4;--slate-300: #97A9D6;--bg-950: #0F1330;--bg-900: #14193B;--bg-800: #181E46;--bg-800-2: #1C2352;--surface-3: #1A2049;--surface: #1D2554;--surface-2: #212A61;--input-bg: #161B41;--border: #3F4F8B;--bg-950-rgb: 15, 19, 48;--bg-900-rgb: 20, 25, 59;--bg-800-rgb: 24, 30, 70;--bg: var(--bg-900);--bg-alt: var(--bg-800);--bg-footer: var(--bg-950);--panel-solid: var(--surface);--panel-raised: var(--surface-2);--panel-grad: linear-gradient(180deg, var(--surface), var(--surface-3));--admin-bg: #121740;--admin-side: #0F1333;--brand: var(--brand-cyan);--brand-deep: var(--brand-slate);--brand-light: var(--cyan-300);--brand-lighter: var(--cyan-200);--brand-grad: linear-gradient(135deg, var(--brand-cyan), var(--brand-slate));--brand-grad-h: linear-gradient(90deg, var(--brand-cyan), var(--brand-slate));--brand-grad-soft: linear-gradient(120deg, var(--brand-slate), var(--brand-cyan));--num-grad: linear-gradient(135deg, var(--cyan-200), var(--brand-cyan));--section-grad: linear-gradient(180deg, var(--bg-800), var(--bg-800-2));--stat-grad: linear-gradient(180deg, var(--surface-2), var(--surface-3));--text-strong: var(--white);--text-soft: #F4F6FA;--text: #EAEEF6;--text-chip: #EAEEF6;--text-body: #DBE2F1;--text-hero: #DBE2F1;--text-field: #DBE2F1;--text-goal: #DBE2F1;--text-muted: #C6D1E8;--text-stat: #C6D1E8;--text-footer-link: #C6D1E8;--text-dim: #B0BFE0;--text-label: #B0BFE0;--text-footer: #B0BFE0;--text-copyright: #9BAED7;--on-brand: var(--bg-900);--on-brand-soft: #1A2049;--line: rgba(var(--brand-cyan-rgb), .18);--line-soft: rgba(var(--brand-cyan-rgb), .12);--line-strong: rgba(var(--brand-cyan-rgb), .4);--line-input: rgba(var(--brand-cyan-rgb), .22);--tint: rgba(var(--brand-cyan-rgb), .1);--tint-strong: rgba(var(--brand-cyan-rgb), .14);--veil: rgba(var(--bg-900-rgb), .55);--accent-purple: var(--brand-purple);--accent-purple-text: var(--purple-200);--tint-purple: rgba(var(--brand-purple-rgb), .14);--line-purple: rgba(var(--brand-purple-rgb), .45);--ghost-stroke: rgba(var(--brand-purple-rgb), .55);--accent-slate: var(--brand-slate);--accent-slate-text: var(--slate-200);--tint-slate: rgba(var(--brand-slate-rgb), .14);--line-slate: rgba(var(--brand-slate-rgb), .45);--state-ok: var(--brand-cyan);--state-pending: var(--brand-purple);--state-busy: var(--brand-slate);--state-danger: var(--brand-purple);--state-danger-text: var(--purple-200);--state-danger-line: rgba(var(--brand-purple-rgb), .45);--state-danger-tint: rgba(var(--brand-purple-rgb), .14);--state-danger-grad: linear-gradient(135deg, var(--purple-300), var(--brand-purple));--field-invalid: #FF5C6E;--field-invalid-rgb: 255, 92, 110;--field-invalid-text: #FF8A95;--font-body: "Tajawal", "Segoe UI", system-ui, sans-serif;--font-head: "Almarai", "Tajawal", system-ui, sans-serif;--pad-x: clamp(20px, 5vw, 64px);--sec-y: clamp(60px, 8vw, 100px);--sec-y-lg: clamp(60px, 8vw, 110px);--nav-h: 84px;--hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--notch-down: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);--radius: 16px;--radius-lg: 18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-light);text-decoration:none;cursor:pointer;transition:color .2s ease}a:hover{color:var(--brand-lighter)}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:2px solid var(--brand-light);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-950)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--brand-deep)}.section{position:relative;padding:var(--sec-y) var(--pad-x);scroll-margin-top:90px}.section--lg{padding:var(--sec-y-lg) var(--pad-x)}.section--alt{background:var(--bg-alt);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.wrap{max-width:1180px;margin:0 auto}.wrap--sm{max-width:900px;margin:0 auto}.wrap--md{max-width:1080px;margin:0 auto}.wrap--lg{max-width:1220px;margin:0 auto}.grid{display:grid;gap:22px}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid--auto-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid--auto-xs{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.grid--auto-lg{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--brand-light);font-weight:700;letter-spacing:.08em;font-size:14px}.eyebrow:before,.eyebrow:after{content:"";width:30px;height:2px;background:var(--brand)}.eyebrow--start:after{display:none}.eyebrow--start:before{width:38px;height:3px}.h-sec{font-family:var(--font-head);font-weight:800;color:var(--text-strong);font-size:clamp(26px,3.6vw,40px);line-height:1.25}.h-sec--lg{font-size:clamp(28px,4vw,44px)}.h-sub{margin-top:14px;color:var(--text-dim);font-size:16px}.head-center{text-align:center;margin-bottom:46px}.ghost-num{font-family:var(--font-head);font-weight:800;line-height:.8;color:transparent;-webkit-text-stroke:2px var(--ghost-stroke);pointer-events:none;user-select:none}.ghost-num--float{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:clamp(90px,13vw,160px);-webkit-text-stroke-color:rgba(var(--brand-purple-rgb),.42)}.card{position:relative;background:var(--panel-grad);border:1px solid rgba(var(--brand-cyan-rgb),.16);border-radius:var(--radius);padding:32px 26px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 18px 40px rgba(var(--shadow-rgb),.28)}.card__title{font-family:var(--font-head);font-weight:700;font-size:18.5px;color:var(--text-strong);line-height:1.5;margin-bottom:14px}.card__text{font-size:14.5px;line-height:1.95;color:var(--text-muted);text-wrap:pretty}.card__bar{margin:26px -26px 0;height:10px;background:var(--brand-grad-h)}.media-card{background:rgba(var(--white-rgb),.03);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.media-card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 22px 46px rgba(var(--shadow-rgb),.32)}.media-card__img{position:relative;background:var(--panel-solid);overflow:hidden}.media-card__img:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(var(--bg-800-rgb),.48))}.media-card__body{padding:28px;display:flex;flex-direction:column;flex:1}.hex{position:relative;flex:none}.hex__bg{position:absolute;inset:0;clip-path:var(--hex);background:var(--tint-strong);border:1px solid var(--line-strong)}.hex__in{position:absolute;inset:0;display:grid;place-items:center;color:var(--brand-light)}.hex-frame{position:relative}.hex-frame__ring{position:absolute;inset:0;clip-path:var(--hex);background:var(--brand-grad);padding:4px}.hex-frame__in{width:100%;height:100%;clip-path:var(--hex);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:15px;line-height:1;cursor:pointer;border:none;padding:14px 32px;border-radius:8px;background:var(--brand-grad);color:var(--on-brand);font-family:var(--font-body);transition:filter .25s ease,transform .25s ease,box-shadow .25s ease}.btn:hover{filter:brightness(1.08);transform:translateY(-2px);color:var(--on-brand)}.btn--pill{border-radius:999px;padding:14px 34px;font-size:16px;box-shadow:0 12px 34px rgba(var(--brand-cyan-rgb),.35)}.btn--ghost{background:transparent;border:1.5px solid rgba(var(--white-rgb),.55);color:var(--white);font-weight:700;backdrop-filter:blur(4px);box-shadow:none}.btn--ghost:hover{color:var(--white);border-color:var(--white)}.btn--dark{background:var(--panel-raised);border:1px solid rgba(var(--brand-cyan-rgb),.35);color:var(--text-soft);font-weight:700}.btn--dark:hover{color:var(--text-soft)}.btn--link{background:none;padding:0;color:var(--brand-light);font-weight:700;font-size:14.5px}.btn--link:hover{color:var(--brand-lighter);transform:none}.btn--onlight{background:var(--on-brand);color:var(--white);border-radius:999px;padding:14px 34px;font-size:16px}.btn--onlight:hover{color:var(--white)}.btn--outline-dark{background:rgba(var(--bg-900-rgb),.12);border:1.5px solid var(--on-brand);color:var(--on-brand);border-radius:999px;padding:14px 34px;font-size:16px;font-weight:700}.btn--outline-dark:hover{color:var(--on-brand)}.btn__arrow{display:inline-block}[dir=ltr] .btn__arrow{transform:scaleX(-1)}.field{display:flex;flex-direction:column;gap:8px}.field__label{color:var(--text-label);font-size:13.5px;font-weight:600}.input,.textarea,.select{width:100%;background:var(--input-bg);border:1px solid var(--line-input);border-radius:10px;padding:15px 18px;color:var(--text-soft);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder,.textarea::placeholder{color:var(--text-copyright)}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-cyan-rgb),.14)}.textarea{resize:vertical;min-height:110px}.select{color:var(--text-field)}.select option{background:var(--input-bg);color:var(--text-field)}.input[type=file]{padding:13px 18px;color:var(--text-field);font-size:14px}.form-card{background:var(--panel-grad);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:16px}.form-legend{font-family:var(--font-head);font-weight:800;font-size:17px;color:var(--brand-light);border-bottom:1px solid rgba(var(--brand-cyan-rgb),.2);padding-bottom:12px}.choice{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:10px;background:var(--input-bg);border:1px solid rgba(var(--brand-cyan-rgb),.2);color:var(--text-field);font-size:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.choice:hover{border-color:var(--line-strong)}.choice input{accent-color:var(--brand);width:16px;height:16px}.choice-row{display:flex;gap:26px;color:var(--text-field);font-size:15px;flex-wrap:wrap}.choice-plain{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.choice-plain input{accent-color:var(--brand);width:16px;height:16px}.choice-wrap{display:flex;flex-wrap:wrap;gap:10px}html,body{overflow-x:clip}.err{color:var(--field-invalid-text);font-size:12.5px;line-height:1.7}.input.is-invalid,.textarea.is-invalid,.select.is-invalid{border-color:var(--field-invalid);box-shadow:0 0 0 1px rgba(var(--field-invalid-rgb),.45)}.input.is-invalid:focus,.textarea.is-invalid:focus,.select.is-invalid:focus{border-color:var(--field-invalid);box-shadow:0 0 0 3px rgba(var(--field-invalid-rgb),.22)}.choice-row.is-invalid,.choice-wrap.is-invalid{border:1px solid var(--field-invalid);border-radius:12px;padding:12px;outline:none;box-shadow:0 0 0 1px rgba(var(--field-invalid-rgb),.35)}.field:has(.is-invalid) .field__label{color:var(--field-invalid-text)}.text-body{font-size:16.5px;line-height:2.05;color:var(--text-body);text-wrap:pretty}.stack{display:flex;flex-direction:column}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}@media(max-width:900px){.btn--link{padding-block:12px}.footer__links a,.footer__contact a{display:inline-flex;align-items:center;min-height:40px}.footer__links{gap:2px}.footer__contact{gap:6px}}.page-enter-active,.page-leave-active{transition:opacity .25s ease}.page-enter-from,.page-leave-to{opacity:0}