@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{direction:rtl;font-family:Montserrat,Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:#111;background:#fff}img{max-width:100%;display:block;height:auto}ul{list-style:none}a{text-decoration:none;color:inherit}:root{--dark-blue:#252B42;--sky-blue:#23A6F8;--light-sky-blue:#B2E3FF;--light-orange:#E77C40;--red:#E74040;--light-pain:#FFDCD1;--light-gray:#737373;--yellow:#F3CD03;--green:#2DC071;--light-green:#B9EAA8;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--surface:#f8fafc}.container{max-width:1100px;margin:auto;padding:0 2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}#header{background:#1c626e9a;position:sticky;top:0;z-index:10}.right-nav{display:flex;justify-content:flex-end}.left-nav{display:flex;align-items:center}.navbar{display:flex;justify-content:space-between;align-items:center}.navbar a{color:#fff}.logo{font-size:18px}.navbar ul{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.navbar ul li a{display:inline-block;padding:8px;border-radius:8px;font-weight:700;font-size:clamp(13px,2.2vw,15px);transition:color .3s ease,background .2s ease}.navbar ul li a:hover{color:var(--red);background:#ffffff0f}.account{display:flex;align-items:center}.account ul{display:flex;gap:20px}.account li{list-style:none}.account a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;font-size:14px;font-weight:700;color:#fff;background:#39a1e6}.btn-join{background:var(--sky-blue);padding:8px 14px;border-radius:8px;font-weight:800;font-size:14px;transition:filter .2s ease}.account{color:#39a1e6}.account .btn-join:hover{filter:brightness(1.07)}.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:#111;color:#fff;border:1px solid transparent;font-weight:800;cursor:pointer}.btn.outline{background:transparent;color:#111;border-color:#111}.btn.sky{background:var(--sky-blue)}.btn.red{background:var(--red)}#home{background:#144a53;padding:4rem 0}#home .home-header{color:#fff;text-align:center;max-width:700px;width:100%;margin:auto;padding:0 1rem}#home .home-header span{color:var(--red);font-weight:800;letter-spacing:.5px}#home .home-header h1{color:var(--light-pain);font-size:clamp(24px,5.5vw,40px);font-weight:900;line-height:1.2;margin:14px 0 18px}#home .home-header p{color:var(--light-pain);font-size:clamp(14px,2.8vw,16px);margin-bottom:22px}#home .home-header .btn{padding:10px 22px;margin:4px;border-radius:8px;font-size:13px;font-weight:800;border:1px solid var(--red)}#home .home-header .btn.btn-red{background:var(--red);color:#fff}#home .home-header .btn.btn-transparent{background:transparent;color:var(--red)}#features{background:#fff;padding:3.5rem 0;color:var(--text);background-color:var(--dark-blue)}#features .features-head{text-align:center;margin-bottom:1.8rem;padding:0 1rem;color:#fff}#features .features-head h2{font-size:clamp(22px,4.5vw,32px);font-weight:900;color:var(--dark-blue);letter-spacing:.3px;color:#fff}#features .features-head p{color:var(--muted);margin-top:6px;font-size:14px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 1rem;background-color:#252b42}#join-us{background:var(--dark-blue);padding:4.5rem 0}#join-us .content{max-width:800px;width:100%;margin:auto;text-align:center;color:#fff;padding:0 1rem}#join-us .content .h2{font-size:clamp(20px,4.5vw,35px);font-weight:900;margin:12px 0}#join-us .content p{color:#e9eef5}#sd{background:#144a53;max-width:900px;width:100%;margin:auto;text-align:center;color:#fff;padding:4.5rem 1rem}#sd .h3{font-size:clamp(18px,4vw,28px);font-weight:900;margin-bottom:10px}#sd p{color:#e9eef5}@media (max-width:992px){.navbar{padding:0 1rem;height:68px}.navbar ul{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar{height:auto;padding:10px 16px;flex-wrap:wrap;gap:10px}.account{order:3;width:100%;justify-content:center}.account a{font-size:13px;padding:8px 12px}#home{padding:3.2rem 0}}@media (max-width:576px){.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.navbar{height:auto}.logo{font-size:18px}.navbar ul{gap:6px}.navbar ul li a{padding:8px}#home .home-header .btn{width:100%}.account a{padding:7px 10px}}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center}.content img{max-width:200px;margin-top:20px}html,body{width:100%;max-width:100%;overflow-x:hidden}#root,body>*{overflow-x:clip}body{background:#144a53}.container,.navbar,.navbar ul,.account,.features-grid,#home .home-header,#join-us .content,#sd{min-width:0;width:100%;margin-inline:auto}img,video,svg,png,canvas{max-width:100%;height:auto;display:block}.whatsapp-float{position:fixed;bottom:15px;right:15px;background-color:#25d366;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000004d;z-index:9999;text-decoration:none;animation:pulse 1.5s infinite}.whatsapp-icon{color:#fff;font-size:4px}.whatsapp-float:hover{transform:scale(1.1)}span{color:#fff;text-align:center}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #25d366b3}70%{transform:scale(1.1);box-shadow:0 0 0 15px #25d36600}to{transform:scale(1);box-shadow:0 0 #25d36600}}.logo-soura{width:150px;height:150px}.prof-img{width:100%;height:auto;display:block;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:400px;text-align:right;direction:rtl;box-shadow:0 4px 20px #0003}.modal h2{margin-bottom:15px;color:#e63946}.modal label{display:block;margin-top:10px;font-weight:700}.modal input{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-top:5px}.btns{display:flex;justify-content:space-between;margin-top:20px}.btn{cursor:pointer}.btn-red{background:#e63946;color:#fff;border:none;padding:10px 20px;border-radius:6px}.btn-transparent{background:transparent;border:1px solid #e63946;color:#39a1e6;padding:10px 20px;border-radius:6px}