:root{--bg-dark:#040d16;--bg-deep:#071725;--bg-surface:#0a2033;--bg-card:#0b2033bf;--bg-card-hover:#102c46e6;--primary-cyan:#00c4d4;--primary-cyan-light:#38e1ef;--primary-cyan-glow:#00c4d459;--primary-cyan-subtle:#00c4d414;--accent-navy:#0e304d;--accent-teal:#0891b2;--accent-emerald:#10b981;--accent-purple:#818cf8;--border-glass:#00c4d438;--border-glass-subtle:#ffffff14;--border-glow:#00c4d499;--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#cbd5e1;--text-cyan:#00c4d4;--font-ar:"Cairo", system-ui, -apple-system, sans-serif;--font-en:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 30px #00000073;--shadow-lg:0 20px 50px #0009;--glow-cyan:0 0 35px #00c4d440;--glow-button:0 4px 20px #00c4d466;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}[dir=rtl]{font-family:var(--font-ar)}[dir=ltr]{font-family:var(--font-en)}.ambient-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(120px);opacity:.28;border-radius:50%;animation:18s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:radial-gradient(circle,#00c4d4 0%,#061a2900 70%);width:650px;height:650px;top:-150px;right:-100px}.orb-2{background:radial-gradient(circle,#0891b2 0%,#061a2900 70%);width:550px;height:550px;animation-duration:22s;animation-delay:-5s;bottom:10%;left:-120px}.orb-3{opacity:.2;background:radial-gradient(circle,#0e3d64 0%,#061a2900 70%);width:450px;height:450px;top:45%;right:30%}.tech-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#00c4d409 1px,#0000 1px),linear-gradient(#00c4d409 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000 60%,#0000 100%);mask-image:radial-gradient(90% 70% at 50% 30%,#000 60%,#0000 100%)}.container{z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:1.25rem}.glass-panel:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--glow-cyan)}.section-tag{color:var(--primary-cyan);letter-spacing:.03em;text-transform:uppercase;background:#00c4d41a;border:1px solid #00c4d44d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;display:inline-flex}.section-tag .dot{background-color:var(--primary-cyan);width:6px;height:6px;box-shadow:0 0 10px var(--primary-cyan);border-radius:50%;animation:2s infinite pulseDot}.section-title{color:var(--text-main);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.25}.gradient-text{background:linear-gradient(135deg,#fff 10%,#38e1ef 60%,#00c4d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-subtitle{color:var(--text-sub);max-width:650px;font-size:1.1rem;line-height:1.7}.btn{cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:.75rem;outline:none;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.85rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#040d16;box-shadow:var(--glow-button);background:linear-gradient(135deg,#00c4d4 0%,#0891b2 100%);font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,#38e1ef 0%,#00c4d4 100%);transform:translateY(-2px);box-shadow:0 6px 28px #00c4d48c}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--primary-cyan);color:#38e1ef;background:#00c4d41f;transform:translateY(-2px)}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,40px)scale(1.08)}to{transform:translate(-20px,-30px)scale(.95)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#0d324f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-cyan)}