@charset "UTF-8";:root,[data-theme=dark]{--c-royal: #004A8F;--c-royal-bright: #0060B8;--c-royal-deep: #003270;--c-navy: #00112E;--c-navy-mid: #001A44;--c-navy-soft: #001E50;--c-silver: #B0BAC8;--c-silver-light: #D8E0EA;--c-white: #FFFFFF;--c-off-white: #F0F4FA;--c-gold: #C49A28;--c-gold-light: #E2B84A;--c-green: #5AC428;--c-green-bright: #6FE236;--surface-0: var(--c-navy);--surface-1: var(--c-navy-mid);--surface-2: rgba(0, 26, 68, .6);--surface-3: rgba(0, 17, 46, .85);--text-primary: var(--c-white);--text-secondary: var(--c-silver-light);--text-muted: var(--c-silver);--text-faint: rgba(176, 186, 200, .6);--border-color: rgba(0, 74, 143, .25);--border-strong: rgba(0, 74, 143, .5);--accent: var(--c-royal);--accent-bright: var(--c-royal-bright);--accent-secondary: var(--c-gold);--accent-success: var(--c-green);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .4);--glow-royal: 0 0 32px rgba(0, 74, 143, .4);--glow-green: 0 0 24px rgba(90, 196, 40, .35);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--font-display: "Bebas Neue", "Tajawal", system-ui, sans-serif;--font-body: "DM Sans", "Tajawal", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--font-arabic: "Tajawal", "DM Sans", sans-serif;--max-width: 1200px;--section-padding-y: 7rem;--section-padding-x: 4rem;--nav-height: 70px;--hero-bg: linear-gradient(135deg, #00112E 0%, #001A44 60%, #001E50 100%);--hero-glow-opacity: 1;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-mid: .4s;--duration-slow: .7s}[data-theme=light]{--surface-0: #F4F7FB;--surface-1: #FFFFFF;--surface-2: rgba(255, 255, 255, .85);--surface-3: rgba(255, 255, 255, .95);--text-primary: #0A1628;--text-secondary: #2A3858;--text-muted: #4A5878;--text-faint: rgba(74, 88, 120, .6);--border-color: rgba(0, 74, 143, .18);--border-strong: rgba(0, 74, 143, .35);--shadow-sm: 0 2px 8px rgba(0, 17, 46, .06);--shadow-md: 0 8px 24px rgba(0, 17, 46, .08);--shadow-lg: 0 20px 40px rgba(0, 17, 46, .12);--hero-bg: linear-gradient(135deg, #F4F7FB 0%, #E6EDF8 60%, #F0F4FA 100%);--hero-glow-opacity: 0}body.rtl{font-family:var(--font-arabic);letter-spacing:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--duration-slow) var(--easing-smooth),transform var(--duration-slow) var(--easing-smooth)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity var(--duration-slow) var(--easing-smooth),transform var(--duration-slow) var(--easing-smooth)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity var(--duration-slow) var(--easing-smooth),transform var(--duration-slow) var(--easing-smooth)}.reveal-right.is-visible{opacity:1;transform:translate(0)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #c49a2866}50%{box-shadow:0 0 0 10px #c49a2800}}@keyframes pulse-green{0%,to{box-shadow:0 0 #5ac42880}50%{box-shadow:0 0 0 10px #5ac42800}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:.75rem;display:inline-block}.section-title{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:.05em;line-height:1;color:var(--text-primary);margin-bottom:1rem}.section-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:640px;line-height:1.7;margin-bottom:3.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.2rem;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast),transform var(--duration-fast)}.btn.btn-primary{background:var(--accent);color:#fff}.btn.btn-primary:hover{background:var(--accent-bright);transform:translateY(-2px)}.btn.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.btn.btn-outline:hover{border-color:var(--accent-bright);color:var(--text-primary);transform:translateY(-2px)}.btn.btn-success{background:var(--c-green);color:#00112e;font-weight:600}.btn.btn-success:hover{background:var(--c-green-bright);box-shadow:var(--glow-green);transform:translateY(-2px)}.tag{display:inline-block;padding:.3rem .85rem;border:1px solid var(--border-color);background:#004a8f1a;color:var(--text-secondary);font-size:.78rem;letter-spacing:.04em;border-radius:var(--radius-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);background:var(--surface-0);color:var(--text-primary);line-height:1.7;overflow-x:hidden;transition:background var(--duration-mid),color var(--duration-mid)}body:before{content:"";position:fixed;inset:0;background-image:url(/assets/images/Al_Hilal_SFC_Logo.webp);background-size:55vmin;background-repeat:no-repeat;background-position:center center;opacity:.1;pointer-events:none;z-index:9999}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-bright)}::selection{background:var(--accent);color:#fff}.container{max-width:var(--max-width);margin:0 auto;width:100%}section{padding:var(--section-padding-y) var(--section-padding-x);position:relative}@media (max-width: 900px){section{padding:5rem 1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}