@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-base:#0a0c10;--bg-surface:#111418;--bg-card:#111418b3;--bg-card-hover:#141820d9;--surface-lowest:#0f0d13;--surface-low:#1d1b20;--surface:#141218;--surface-container:#211f24;--surface-high:#2b292f;--surface-highest:#36343a;--surface-bright:#3b383e;--primary:#cfbcff;--primary-dim:#cfbcff;--primary-container:#6750a4;--on-primary:#381e72;--on-primary-container:#e0d2ff;--primary-fixed:#e9ddff;--primary-glow:#cfbcff26;--primary-glow-lg:#cfbcff14;--secondary:#cdc0e9;--secondary-container:#4d4465;--on-secondary:#342b4b;--tertiary:#e7c365;--tertiary-container:#c9a74d;--on-tertiary:#3e2e00;--tertiary-fixed:#ffdf93;--tertiary-glow:#e7c36526;--tertiary-glow-lg:#e7c36514;--cyan:#00f2ff;--cyan-dim:#00c8d4;--cyan-glow:#00f2ff26;--cyan-glow-lg:#00f2ff14;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--outline:#948e9c;--outline-variant:#494551;--text-primary:#e6e0e9;--text-secondary:#cbc4d2;--text-muted:#948e9c;--border:#ffffff12;--border-hover:#ffffff24;--border-glass:#ffffff1a;--green:#10b981;--green-glow:#10b98126;--blue:#3b82f6;--blue-glow:#3b82f626;--section-padding:7rem 0;--container-max:1240px;--gutter:24px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-base:.32s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.5s cubic-bezier(.4, 0, .2, 1);--font-display:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}html[dir=rtl]{--font-display:"Cairo", "Inter", system-ui, sans-serif;--font-body:"Cairo", "Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{letter-spacing:0}.container{max-width:var(--container-max);width:100%;margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-padding);position:relative}.bg-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px}.bg-dots{background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:28px 28px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:0 0 40px var(--primary-glow);border-color:#cfbcff33}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass)}.glow-primary{box-shadow:0 0 40px -10px var(--primary-glow)}.glow-tertiary{box-shadow:0 0 40px -10px var(--tertiary-glow)}.glow-cyan{box-shadow:0 0 24px var(--cyan-glow), 0 0 48px var(--cyan-glow-lg)}.glow-amber{box-shadow:0 0 24px var(--tertiary-glow), 0 0 48px var(--tertiary-glow-lg)}.gradient-text-primary{background:linear-gradient(135deg, var(--primary-fixed), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,#00f2ff,#0ac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-amber{background:linear-gradient(135deg, var(--tertiary-fixed), var(--tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-hero{background:linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 60%, var(--primary-dim) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);font-size:.95rem;font-weight:600;font-family:var(--font-display);transition:var(--transition-base);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;line-height:1;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px 0 #ffffff4d, 0 4px 20px var(--primary-glow)}.btn-primary:hover{background:var(--primary-fixed);box-shadow:inset 0 1px 0 #fff6, 0 8px 32px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff0f}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a;transform:translateY(-2px)}.btn-cta{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);box-shadow:inset 0 2px 0 #ffffff59, 0 8px 40px var(--primary-glow);padding:.95rem 2.5rem;font-size:1.05rem}.btn-cta:hover{background:var(--primary-fixed);box-shadow:inset 0 2px 0 #ffffff73, 0 16px 56px var(--primary-glow);transform:translateY(-3px)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0}.btn-ghost:hover{border-color:var(--border-hover);background:#ffffff14}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:inline-flex}html[dir=rtl] .section-label{letter-spacing:0;font-size:.8rem}.section-label-line{background:var(--primary);border-radius:2px;flex-shrink:0;width:40px;height:2px}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:800;line-height:1.15}html[dir=rtl] .section-title{letter-spacing:0}.section-sub{color:var(--text-secondary);max-width:640px;font-size:1.05rem;line-height:1.7}.section-header{text-align:center;margin-bottom:4rem}.section-header .section-sub{margin:0 auto}.divider{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:2px;width:48px;height:3px;margin:1rem auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-primary-accent{color:var(--primary)}.text-tertiary-accent{color:var(--tertiary)}.text-cyan-accent{color:var(--cyan)}.text-secondary-color{color:var(--text-secondary)}.text-muted-color{color:var(--text-muted)}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-alt{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes mesh-drift{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes fill-bar{0%{width:0}to{width:var(--target-width,100%)}}@keyframes scan-line{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulse-glow}.animate-float{animation:4s ease-in-out infinite float}.animate-float-alt{animation:5s ease-in-out infinite float-alt}.animate-blink{animation:1.8s ease-in-out infinite blink}.accent-pool{--local-accent:var(--cyan)}.accent-fuel{--local-accent:var(--tertiary)}.mesh-bg{background-color:var(--bg-base);background-image:radial-gradient(at 20% 30%,#cfbcff1f 0,#0000 50%),radial-gradient(at 80% 70%,#e7c3651f 0,#0000 50%);background-size:150% 150%;animation:18s infinite alternate mesh-drift}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.65rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary);background:#cfbcff1f;border:1px solid #cfbcff40}.badge-tertiary{color:var(--tertiary);background:#e7c3651f;border:1px solid #e7c36540}.badge-success{color:var(--green);background:#10b9811f;border:1px solid #10b98140}.badge-error{color:var(--error);background:#ffb4ab1f;border:1px solid #ffb4ab40}.progress-track{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.7rem;font-weight:700}.data-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:.75rem 1rem;font-size:.85rem}.data-table tr:hover td{background:#ffffff05}html[dir=rtl] .data-table{text-align:right}.notif-strip-error{background:var(--error)}.notif-strip-warning{background:var(--tertiary)}.notif-strip-info{background:var(--primary)}.notif-strip-success{background:var(--green)}.timeline-line{background:linear-gradient(#cfbcff80,#ffffff14,#0000);width:1px;position:absolute;top:0;bottom:0;left:15px}html[dir=rtl] .timeline-line{left:auto;right:15px}@media (width<=1024px){:root{--section-padding:5rem 0}}@media (width<=768px){:root{--section-padding:4rem 0}.section-title{font-size:clamp(1.6rem,6vw,2.2rem)}.section-sub{font-size:.95rem}.container{padding:0 1rem}}@media (width<=480px){:root{--section-padding:3rem 0}.btn-cta{padding:.85rem 1.75rem;font-size:.95rem}}