@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";.navbar-premium{width:100%;padding:20px 8%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:999;background:linear-gradient(135deg,#0f0f15,#1c1c2a);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:Poppins,sans-serif;box-shadow:0 8px 30px #0006}.logo{font-size:26px;font-weight:800;cursor:pointer;color:#fff}.nav-items.desktop{display:flex;gap:35px}.item{text-decoration:none;font-weight:500;color:#ccc;font-size:18px;transition:all .3s ease}.item:hover{color:#00f2fe;text-shadow:0 0 8px #00f2fe80;transform:translateY(-2px)}.item-selected{color:#00f2fe;font-weight:700;text-shadow:0 0 12px #00f2fe80}.mobile-menu-icon{display:none;cursor:pointer;color:#fff;z-index:1001}.mobile-dropdown{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:-100%;width:70%;height:100vh;background-color:#000000f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:100px;gap:35px;transition:left .3s ease;z-index:998}.mobile-dropdown.open{left:0}.mobile-dropdown .item{font-size:22px;color:#fff;transition:all .3s ease}.mobile-dropdown .item:hover{color:#00f2fe;transform:scale(1.05);text-shadow:0 0 10px #00f2fe80}@media(max-width:768px){.nav-items.desktop{display:none}.mobile-menu-icon{display:block}}.logo-link{text-decoration:none}.service-section{position:relative;padding:100px 20px;background:#0f0f15;color:#fff;font-family:Poppins,sans-serif;text-align:center;overflow:hidden}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.service-header{position:relative;z-index:1}.service-header h1{font-size:3rem;margin-bottom:15px;color:#095f86}.service-header p{font-size:1.1rem;color:#ccc;margin-bottom:50px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.service-card{position:relative;padding:40px 25px;border-radius:20px;overflow:hidden;cursor:pointer;transform:translateY(50px);opacity:0;transition:transform .6s ease,opacity .6s ease,box-shadow .4s,background .6s ease;background:#141423d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);z-index:1}.card-particles{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:0!important}.service-card.show{transform:translateY(0);opacity:1}.service-card:hover{transform:translateY(-15px) rotate(-1deg);box-shadow:0 25px 60px #03567c80,0 15px 40px #00ffff4d;background:linear-gradient(135deg,#2b64ff,#02272e,#00f2fe)}.service-icon{font-size:3rem;margin-bottom:20px;color:#fff;transition:transform .6s ease,color .4s ease;animation:float 3s ease-in-out infinite;z-index:1}.service-card:hover .service-icon{transform:scale(1.35) rotate(12deg);color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.service-card h2{font-size:1.5rem;margin-bottom:15px;color:#fff;z-index:1}.service-card p{color:#fff;font-size:1rem;line-height:1.6;z-index:1}@media(max-width:768px){.service-header h1{font-size:2.2rem}.service-card{padding:30px 20px}}.projects-enhanced{padding:100px 8%;background-color:#0f0f15;color:#fff;min-height:100vh;position:relative}.projects-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:60px;color:#00f2fe}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;position:relative;z-index:1}.project-card{background-color:#0f0f15cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:scale(.9)}.project-card.show{opacity:1;transform:scale(1);transition:all .5s ease}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px #00f2fe66}.project-img{width:100%;height:180px;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-img{transform:scale(1.05)}.project-info{padding:20px}.project-info h2{font-size:20px;font-weight:700;margin-bottom:10px;color:#00f2fe}.project-info p{font-size:14px;color:#b5b5b5;line-height:1.6}@media(max-width:768px){.projects-enhanced{padding:80px 5%}.projects-title{font-size:36px}.project-info h2{font-size:18px}.project-info p{font-size:13px}}.contact{display:flex;justify-content:space-between;align-items:center;min-height:90vh;padding:0 8%;flex-wrap:wrap;position:relative;overflow:hidden;font-family:Poppins,sans-serif;transition:background .5s ease,color .5s ease}.contact.dark{background:linear-gradient(135deg,#0f0f15,#1c1c2a);color:#fff}.contact.light{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#111}.contact-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.contact-content{max-width:600px;flex:1 1 400px;position:relative;z-index:1;margin-top:100px;will-change:transform}.contact-title{font-size:42px;font-weight:700;margin-bottom:20px}.contact-title span{background:linear-gradient(90deg,#058888,#316fbe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-description{font-size:16px;line-height:1.7;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.contact-form input,.contact-form textarea{padding:12px 15px;border-radius:12px;border:none;outline:none;font-size:16px;resize:none;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{box-shadow:0 0 10px #05888899}.contact-form textarea{min-height:120px}.btn.secondary{border:2px solid #316fbe;background:transparent;color:#fff}.btn-secondary:hover{background:#316fbe;color:#fff;transform:translateY(-5px);box-shadow:0 15px 35px #316fbe66}.contact-image-container{flex:1 1 300px;display:flex;justify-content:center;align-items:center;margin-top:40px;position:relative;z-index:1;will-change:transform}.contact-img{width:300px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #00000080;transition:transform .3s ease,box-shadow .3s ease}.contact-img:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 30px 80px #316fbe99}@media(max-width:1024px){.contact-title{font-size:36px}.contact-img{width:250px;height:250px}}@media(max-width:768px){.contact{flex-direction:column;text-align:center;padding:0 5%}.contact-image-container{margin-top:30px}.contact-title{font-size:32px}.contact-img{width:220px;height:220px}}@media(max-width:480px){.contact-title{font-size:28px}.contact-description{font-size:14px}.contact-form input,.contact-form textarea{font-size:14px;padding:10px 12px}.btn{padding:10px 20px;font-size:14px}.contact-img{width:180px;height:180px}}body{margin:0;padding:0;font-family:Poppins,sans-serif}.resume{background:radial-gradient(circle at top,#0f0f10,#050506);color:#f5f5f5;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 60px}.resume-container{width:100%;max-width:900px;background:#141416d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1f1f22;border-radius:20px;padding:60px 50px;box-shadow:0 10px 40px #000000b3;transition:all .3s ease}.resume-container:hover{transform:translateY(-5px);box-shadow:0 20px 60px #000c}.resume-header{text-align:center;margin-bottom:50px}.resume-header h1{font-size:3rem;color:#00adb5;margin-bottom:10px;letter-spacing:1px;text-shadow:0 0 15px #00adb566}.resume-header p{font-size:1.1rem;color:#cfcfcf}.resume-section{margin-bottom:45px}.resume-section h2{color:#00adb5;border-bottom:2px solid #1f1f22;display:inline-block;margin-bottom:15px;padding-bottom:4px;font-size:1.6rem}.resume-section p,.resume-section li{color:#d3d3d3;font-size:1rem;line-height:1.6}.resume-card{background:#141416;border:1px solid #1f1f22;padding:20px;border-radius:12px;margin-bottom:15px;transition:all .3s ease}.resume-card:hover{border-color:#00adb5;transform:translateY(-4px)}.resume-card h3{color:#f0f0f0;margin-bottom:8px}.resume-card span{color:#00adb5}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;list-style:none;padding:0}.skills li{background:#18181b;padding:10px 15px;border-radius:8px;text-align:center;border:1px solid #1f1f22;transition:all .3s ease}.skills li:hover{background:#00adb5;color:#fff;transform:scale(1.05)}.resume-download{text-align:center;margin-top:50px}.resume-download a{background:#00adb5;color:#fff;text-decoration:none;font-weight:600;padding:12px 30px;border-radius:8px;transition:all .3s ease}.resume-download a:hover{background:#0097a3;box-shadow:0 0 15px #00adb5aa}@media(max-width:768px){.resume{padding:80px 15px 40px;margin-top:40px}.resume-container{padding:40px 25px}.resume-header h1{font-size:2.2rem}.resume-header p{font-size:.95rem}.resume-section h2{font-size:1.4rem}.resume-section p,.resume-section li{font-size:.9rem}.skills{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.resume-download a{padding:10px 25px;font-size:.95rem}}@media(max-width:480px){.resume{padding:70px 10px 40px}.resume-container{padding:35px 20px;border-radius:15px}.resume-header h1{font-size:1.9rem}.resume-header p{font-size:.9rem}.skills li{padding:8px 10px;font-size:.9rem}.resume-download a{display:inline-block;width:100%;text-align:center}}.profile-image{width:130px;height:130px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:3px solid #00adb5;box-shadow:0 0 20px #00adb544;transition:all .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 30px #00adb577}.profile-image img{width:100%;height:100%;object-fit:cover}*{margin:0;padding:0;box-sizing:border-box}body{font:400 16px/1.5 Cairo,sans-serif;background:linear-gradient(135deg,#0f0f15,#1c1c2a);color:#fff}.home{display:flex;align-items:center;justify-content:space-between;min-height:100vh;padding:0 8%;flex-wrap:wrap;position:relative;overflow:hidden;font-family:Poppins,sans-serif;transition:background .5s ease,color .5s ease}.home.dark{background:linear-gradient(135deg,#0f0f15,#1c1c2a);color:#fff}.home.light{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#111}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.home-content{max-width:600px;flex:1 1 400px;position:relative;z-index:2}.title{font-size:48px;font-weight:700;margin-bottom:10px}.title span{background:linear-gradient(90deg,#058888,#316fbe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:24px;font-weight:400;margin-bottom:20px}.description{font-size:16px;line-height:1.7;margin-bottom:30px}.buttons{display:flex;gap:15px;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .4s ease;cursor:pointer;box-shadow:0 8px 25px #0000004d;margin-top:20px}.btn.secondary{border:2px solid #316fbe;color:#fff;background:transparent}.btn.secondary:hover{transform:translateY(-5px);background:#316fbe;color:#fff;box-shadow:0 15px 35px #316fbe66}.image-container{flex:1 1 300px;display:flex;justify-content:center;align-items:center;margin-top:40px;position:relative;z-index:1}.rotating-circle{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(49,111,190,.2),transparent 70%);animation:rotate 12s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-img{width:300px;height:300px;object-fit:cover;border-radius:50%;box-shadow:0 20px 60px #04809180;transition:transform .5s ease,box-shadow .5s ease;z-index:2;position:relative}.profile-img:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 30px 80px #316fbe99}.social-icons{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:25px}.social-link{display:flex;align-items:center;justify-content:center;font-size:26px;transition:all .3s ease;color:#fff}.home.light .social-link{color:#316fbe}.social-link:hover{background:linear-gradient(135deg,#058888,#316fbe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(-3px) scale(1.2)}@media(max-width:1024px){.title{font-size:40px}.subtitle{font-size:22px}.profile-img{width:250px;height:250px}.rotating-circle{width:280px;height:280px}}@media(max-width:768px){.home{flex-direction:column;text-align:center;padding:60px 20px}.home-content{order:2}.image-container{order:1;margin-bottom:30px}.buttons{justify-content:center;flex-direction:column;align-items:center;width:100%}.btn{width:70%;padding:10px 0;font-size:15px;text-align:center}.social-icons{justify-content:center;gap:15px}.social-link{font-size:22px}.title{font-size:32px}.subtitle{font-size:18px}.description{font-size:14px}.profile-img{width:220px;height:220px}.rotating-circle{width:240px;height:240px}}@media(max-width:480px){.home{padding:50px 15px}.title{font-size:26px}.subtitle{font-size:16px}.description{font-size:13px;line-height:1.5}.btn{width:80%;padding:9px 0;font-size:13px}.social-icons{gap:12px}.social-link{font-size:20px}.profile-img{width:180px;height:180px}.rotating-circle{width:200px;height:200px}}.about{display:flex;justify-content:space-between;align-items:center;min-height:90vh;padding:0 8%;flex-wrap:wrap;position:relative;overflow:hidden;font-family:Poppins,sans-serif;transition:background .5s ease,color .5s ease}.about.dark{background:linear-gradient(135deg,#0f0f15,#1c1c2a);color:#fff}.about.light{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#111}.about-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.about-content{max-width:600px;flex:1 1 400px;position:relative;z-index:1;will-change:transform}.about-title{font-size:42px;font-weight:700;margin-bottom:20px}.about-title span{background:linear-gradient(90deg,#058888,#316fbe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-description{font-size:16px;line-height:1.7;margin-bottom:25px}.btn{padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .4s ease;cursor:pointer;box-shadow:0 8px 25px #0000004d}.btn.primary{background:linear-gradient(135deg,#058888,#316fbe);color:#fff}.btn.primary:hover{transform:translateY(-5px);box-shadow:0 15px 35px #316fbe80}.about-image-container{flex:1 1 300px;display:flex;justify-content:center;align-items:center;margin-top:40px;position:relative;z-index:1;will-change:transform}.about-img{width:300px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #00000080;transition:transform .3s ease,box-shadow .3s ease}.about-img:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 30px 80px #316fbe99}@media(max-width:1024px){.about-title{font-size:36px}.about-img{width:250px;height:250px}}@media(max-width:768px){.about{flex-direction:column;text-align:center;padding:60px 6%}.about-content{order:2;margin-top:25px}.about-image-container{order:1;margin-top:0;margin-bottom:25px}.about-title{font-size:32px}.about-description{font-size:15px;margin-bottom:20px}.btn{width:80%;text-align:center;padding:12px 20px}.about-img{width:220px;height:220px}}@media(max-width:480px){.about{padding:50px 20px}.about-title{font-size:26px}.about-description{font-size:14px;line-height:1.6}.btn{width:100%;font-size:14px;padding:10px 18px}.about-img{width:180px;height:180px;border-radius:15px}}