:root{--space-2: 4px;--space-4: 8px;--space-6: 12px;--space-8: 16px;--space-12: 24px;--space-16: 32px;--space-24: 48px;--space-32: 64px;--section-padding-y: 100px;--section-padding-y-mobile: 64px;--color-bg: #08070b;--color-bg-2: #0f0e14;--color-surface: #16141d;--color-surface-2: #1c1a27;--btn-am-border: rgba(255, 255, 255, .4);--btn-am-bg: rgba(0, 0, 0, .2);--btn-am-icon-bg: var(--color-text);--btn-am-icon-color: var(--color-bg);--color-border: rgba(255, 255, 255, .06);--color-border-2: rgba(255, 255, 255, .1);--color-primary: #8b5cf6;--color-primary-2: #a78bfa;--color-accent: #c4b5fd;--color-accent-2: rgba(196, 181, 253, .12);--color-purple: #7c3aed;--color-purple-2: #8b5cf6;--color-text: #f5f3ff;--color-text-muted: #a5a1b8;--color-text-dim: #6b6680;--color-text-secondary: rgba(255, 255, 255, .7);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--heading-sm: 1.25rem;--heading-md: 1.5rem;--heading-lg: 2rem;--heading-xl: clamp(2rem, 4vw, 3rem);--line-tight: 1.25;--line-snug: 1.375;--line-normal: 1.5;--line-relaxed: 1.65;--line-loose: 1.75;--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(139, 92, 246, .3) 0%, transparent 70%), linear-gradient(180deg, #08070b 0%, #08070b 100%);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--gradient-card: linear-gradient(145deg, rgba(22, 20, 29, .9) 0%, rgba(15, 14, 20, .6) 100%);--gradient-purple: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--gradient-blue: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-cyan: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);--shadow-near: 0 2px 8px rgba(0, 0, 0, .25);--shadow-mid: 0 4px 24px rgba(0, 0, 0, .35), 0 0 0 1px var(--color-border);--shadow-far: 0 12px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(139, 92, 246, .15);--shadow-card: 0 0 0 1px var(--color-border), 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 80px rgba(139, 92, 246, .4);--shadow-hover: 0 0 0 1px var(--color-border-2), 0 8px 32px rgba(0, 0, 0, .6), 0 0 24px rgba(139, 92, 246, .2);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 100px;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.25, .1, .25, 1);--transition-fast: .2s var(--ease-in-out);--transition: .3s var(--ease-in-out);--transition-slow: .4s var(--ease-out);--bp-sm: 600px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--font-sans: "Inter", sans-serif;--font-body: "Inter", sans-serif}:root[data-theme=light]{--color-bg: #f8fafc;--color-bg-2: #f1f5f9;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-border: rgba(0, 0, 0, .08);--color-border-2: rgba(0, 0, 0, .15);--color-primary: #7c3aed;--color-primary-2: #6d28d9;--color-accent: #8b5cf6;--color-accent-2: rgba(124, 58, 237, .08);--color-text: #0f172a;--color-text-muted: #475569;--color-text-dim: #64748b;--color-text-secondary: rgba(0, 0, 0, .7);--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(139, 92, 246, .15) 0%, transparent 70%), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .8) 100%);--shadow-near: 0 2px 8px rgba(0, 0, 0, .04);--shadow-mid: 0 4px 24px rgba(0, 0, 0, .06), 0 0 0 1px var(--color-border);--shadow-far: 0 12px 40px rgba(0, 0, 0, .08), 0 0 0 1px rgba(139, 92, 246, .1);--shadow-card: 0 0 0 1px var(--color-border), 0 4px 24px rgba(0, 0, 0, .05);--shadow-glow: 0 0 80px rgba(139, 92, 246, .15);--shadow-hover: 0 0 0 1px var(--color-border-2), 0 8px 32px rgba(0, 0, 0, .08), 0 0 24px rgba(139, 92, 246, .1);--btn-am-border: rgba(0, 0, 0, .2);--btn-am-bg: rgba(255, 255, 255, .5);--btn-am-icon-bg: var(--color-primary);--btn-am-icon-color: #ffffff;--navbar-scrolled-bg: rgba(248, 250, 252, .86)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang=ar]{--font-body: "Tajawal", "Inter", sans-serif;--font-sans: "Tajawal", "Inter", sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:var(--line-tight);letter-spacing:-.02em}p{line-height:var(--line-loose)}a{color:inherit;text-decoration:none;transition:var(--transition)}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}img{max-width:100%;height:auto}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-12)}@media (max-width: 768px){.container{padding:0 var(--space-8)}}.container--wide{max-width:1400px}.section{padding:var(--section-padding-y) 0}@media (max-width: 768px){.section{padding:var(--section-padding-y-mobile) 0}}.section-label{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-2);background:#8b5cf61a;border:1px solid var(--color-border-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-8);margin-bottom:var(--space-12)}.section-label i{font-size:10px;color:var(--color-primary)}.section-title{font-size:var(--heading-xl);font-weight:800;color:var(--color-text);line-height:var(--line-tight);margin-bottom:var(--space-8)}.section-title .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:580px;line-height:var(--line-loose)}.section-header{text-align:center;margin-bottom:var(--space-8)}.section-header .section-subtitle{margin:0 auto}.glass-card{background:var(--gradient-card);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-mid);position:relative;z-index:1;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition-slow)}.glass-card:before{content:"";position:absolute;bottom:0;right:0;width:150px;height:150px;background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(139,92,246,.05) 10px,rgba(139,92,246,.05) 12px),repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(139,92,246,.05) 10px,rgba(139,92,246,.05) 12px);opacity:.5;pointer-events:none}.glass-card:after{content:"";position:absolute;top:-60%;left:-20%;width:140%;height:80%;background:radial-gradient(ellipse at center,rgba(139,92,246,.08) 0%,transparent 65%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.glass-card:hover{z-index:5;border-color:#8b5cf680;box-shadow:var(--shadow-hover)}.glass-card:hover:after{opacity:1}.btn{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;outline:none;transition:border-color var(--transition),background-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition);position:relative;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-near)}.btn-primary:hover{background:var(--color-primary-2);box-shadow:0 6px 20px #8b5cf699;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border-2);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);background:var(--color-accent-2)}.btn-sm{padding:var(--space-4) var(--space-8);font-size:var(--text-xs)}.btn-antimatter{position:relative;padding-block:0;padding-inline-start:var(--space-12);padding-inline-end:100px;justify-content:center;height:48px;border:1px solid var(--btn-am-border);background:var(--btn-am-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-pill);font-weight:400;color:var(--color-text);transition:transform var(--transition-slow),border-color var(--transition);box-shadow:none;overflow:hidden}.btn-antimatter:hover{transform:scale(1.04);border-color:#8b5cf699}.btn-antimatter:hover .btn-icon-box{width:calc(100% - 6px);background:var(--color-primary);color:#fff}.btn-antimatter:hover .btn-icon-box svg,.btn-antimatter:hover .btn-icon-box i{transform:rotate(45deg)}.btn-antimatter .btn-text{position:relative;z-index:2;transition:color var(--transition);white-space:nowrap}.btn-antimatter .btn-icon-box{position:absolute;inset-inline-end:3px;top:3px;height:40px;width:40px;background:var(--btn-am-icon-bg);color:var(--btn-am-icon-color);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:flex-end;padding-inline-end:var(--space-6);transition:width .6s var(--ease-out),background var(--transition),color var(--transition);z-index:1}.btn-antimatter .btn-icon-box svg,.btn-antimatter .btn-icon-box i{font-size:16px;margin:0;transition:transform var(--transition-slow) .1s}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-gif{width:48px;height:48px;flex-shrink:0;object-fit:contain}.loading-gif--btn{width:1.125rem;height:1.125rem;vertical-align:-.2em;margin-inline-end:.35rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}