@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary:#30355b;--primary-dark:#232745;--primary-deeper:#191c34;--secondary:#8e8ce0;--secondary-light:#a5a3ea;--secondary-soft:#c4c3f0;--secondary-pale:#e4e3f8;--bg-body:#f8f8fd;--bg-white:#fff;--bg-subtle:#f0f0fa;--bg-glass:#ffffff80;--text-dark:#1a1d35;--text-body:#4a4b6a;--text-muted:#888aa5;--text-on-dark:#e8e8f5;--text-on-dark-dim:#ffffff73;--border-soft:#8e8ce01a;--border-hover:#8e8ce038;--shadow-card:0 2px 20px #30355b0a;--shadow-md:0 8px 32px #30355b12;--shadow-lg:0 12px 48px #30355b17;--nav-h:72px;--max-w:1160px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:50px;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);scrollbar-color:#a5a3ea #30355b;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#30355b}::-webkit-scrollbar-thumb{background:#a5a3ea;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#8e8ce0}body{background:var(--bg-body);color:var(--text-body);-webkit-font-smoothing:antialiased;direction:rtl;font-family:Tajawal,Inter,-apple-system,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 28px}.section{padding:80px 0}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;margin-bottom:52px}.section-header h2{color:var(--text-dark);margin-bottom:12px;font-size:34px;font-weight:800}.section-header p{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.8}.btn{border-radius:var(--r-pill);transition:all var(--dur) var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:13px 30px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--secondary);color:#fff;box-shadow:0 4px 16px #8e8ce040}.btn-primary:hover{background:var(--secondary-light);transform:translateY(-2px);box-shadow:0 8px 28px #8e8ce059}.btn-outline{color:#fffc;border:1.5px solid #fff3}.btn-outline:hover{background:#ffffff0f;border-color:#fff6}.btn-dark{background:var(--primary);color:#fff}.btn-dark:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes softPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.03)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.section{padding:56px 0}.section-header h2{font-size:26px}.section-header p{font-size:14px}.btn{padding:11px 24px;font-size:14px}}.aurora-scene{z-index:0;contain:layout style paint;background:#050510;position:absolute;inset:0;overflow:hidden}.aurora-grid-floor{transform-origin:bottom;z-index:4;background-image:linear-gradient(90deg,#8e8ce073 2px,#0000 2px),linear-gradient(0deg,#8e8ce04d 1px,#0000 1px);background-size:140px 60px;height:55%;animation:8s linear infinite moveGrid;position:absolute;bottom:0;left:-100%;right:-100%;transform:perspective(350px)rotateX(50deg);-webkit-mask-image:linear-gradient(#0000 10%,#fff 60%);mask-image:linear-gradient(#0000 10%,#fff 60%)}.aurora-grid-floor:after{content:"";background:linear-gradient(90deg,#0000,#8e8ce099,#8e8ce0e6,#8e8ce099,#0000);height:2px;position:absolute;top:0;left:5%;right:5%;box-shadow:0 0 40px 12px #8e8ce040,0 0 100px 30px #8e8ce01f}.aurora-scene:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#8e8ce00a 1px,#0000 1px);background-size:60px 100%;position:absolute;inset:0 0 45%}.aurora-center-glow{pointer-events:none;z-index:2;background:radial-gradient(40% 80% at 50% 100%,#8e8ce059 0%,#0000 70%),radial-gradient(20% 60% at 50% 100%,#8e8ce080 0%,#0000 50%),linear-gradient(#0000 60%,#8e8ce014 100%);width:60vw;height:100%;animation:6s ease-in-out infinite alternate centerPulse;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.aurora-center-glow:before{content:"";background:linear-gradient(#0000 0%,#8e8ce0e6 100%);width:3px;height:85%;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px 8px #8e8ce04d,0 0 60px 20px #8e8ce026,0 0 120px 40px #8e8ce00d}.aurora-center-glow:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#8e8ce033 100%) 20% bottom/1px 70% no-repeat,linear-gradient(#0000 40%,#8e8ce033 100%) 80% bottom/1px 70% no-repeat,linear-gradient(#0000 50%,#8e8ce01a 100%) 10% bottom/1px 50% no-repeat,linear-gradient(#0000 50%,#8e8ce01a 100%) 90% bottom/1px 50% no-repeat,linear-gradient(#0000 45%,#8e8ce026 100%) 35% bottom/1px 55% no-repeat,linear-gradient(#0000 45%,#8e8ce026 100%) 65% bottom/1px 55% no-repeat;height:100%;position:absolute;bottom:0;left:0;right:0}.aurora-beams-wrap{z-index:3;pointer-events:none;position:absolute;inset:0}.aurora-beam{will-change:transform, opacity;contain:layout style;background:linear-gradient(#0000 0%,#8e8ce04d 70%,#8e8ce0e6 100%);border-radius:0;animation-name:beamRise,beamFade;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:0;box-shadow:0 0 8px 2px #8e8ce066,0 0 20px 4px #8e8ce026}.aurora-top-fade{z-index:5;pointer-events:none;background:linear-gradient(#050510 0%,#0000 100%);height:30%;position:absolute;top:0;left:0;right:0}@keyframes beamRise{0%{opacity:0;transform:translateY(60%)scaleY(.3)}15%{opacity:1}50%{transform:translateY(-10%)scaleY(1)}to{opacity:0;transform:translateY(-30%)scaleY(.5)}}@keyframes beamFade{0%,to{opacity:0}10%,70%{opacity:.8}}@keyframes centerPulse{0%{opacity:.7}to{opacity:1}}@keyframes moveGrid{0%{background-position:0 0}to{background-position:0 -30px}}