*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0a0a0a;color:#ffffff;line-height:1.6;overflow-x:hidden}body[dir=rtl]{font-family:Noto Sans Arabic,Inter,-apple-system,BlinkMacSystemFont,sans-serif}:root{--primary-gradient:linear-gradient(135deg,#4c6ef5,#8b5cf6);--secondary-gradient:linear-gradient(135deg,#667eea,#764ba2);--dark-bg:#0a0a0a;--dark-card:#1a1a1a;--dark-border:#2a2a2a;--text-primary:#ffffff;--text-secondary:#b3b3b3;--accent-blue:#4c6ef5;--accent-purple:#8b5cf6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}p{margin-bottom:1rem;color:var(--text-secondary)}.btn{display:inline-block;padding:12px 30px;border:none;border-radius:50px;text-decoration:none;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background:var(--primary-gradient);color:white;box-shadow:0 4px 15px rgba(76,110,245,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(76,110,245,.4)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--accent-blue)}.btn-outline:hover{background:var(--accent-blue);color:white}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.section-alt{background-color:var(--dark-card)}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--dark-card);border-radius:20px;padding:2rem;border:1px solid var(--dark-border);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:var(--accent-blue)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--primary-gradient)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.language-toggle{display:flex;align-items:center;gap:10px;background:var(--dark-card);border-radius:25px;padding:5px;border:1px solid var(--dark-border)}.language-toggle button{background:none;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.language-toggle button.active{background:var(--primary-gradient);color:white}[dir=rtl] .container,[dir=rtl] .grid{direction:rtl}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] p{text-align:right}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:60px 0}.container{padding:0 15px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:2rem}.btn{padding:10px 20px;font-size:.9rem}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&display=swap");