:root{--primary-color: #007bff;--secondary-color: #6c757d;--accent-color: #22bf11;--bg-light: #f8f9fa;--bg-dark: #343a40;--text-color: #333;--white: #fff;--font-family-primary: "Cairo", sans-serif;--transition-speed: .3s ease-in-out;--second-bg-gradient: rgb(171, 220, 255)}:root.dark-theme{--primary-color: #0d6efd;--secondary-color: #adb5bd;--accent-color: #17a34a;--bg-light: #212529;--bg-dark: #121416;--text-color: #e9ecef;--white: #000000;--font-family-primary: "Cairo", sans-serif;--transition-speed: .3s ease-in-out;--second-bg-gradient: rgb(30, 0, 100)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary);line-height:1.6;color:var(--text-color);background-color:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3{margin-bottom:20px;color:var(--text-color);text-align:center}p{margin-bottom:15px}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-speed)}a:hover{color:var(--accent-color)}.btn{display:inline-block;padding:12px 25px;border-radius:5px;font-weight:700;text-align:center;transition:all var(--transition-speed);cursor:pointer;border:none}.primary-btn{background-color:var(--primary-color);color:var(--white)}.primary-btn:hover{background-color:darken(var(--primary-color),10%);transform:translateY(-3px)}.secondary-btn{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-btn:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-3px)}.main-header{background-color:var(--white);box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:1000;padding:15px 0}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{display:flex;gap:20px}.logo a{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px}.nav-links a{font-size:1.1rem;padding:5px 0;position:relative;color:var(--text-color)}.nav-links a:after{content:"";position:absolute;width:0;height:2px;background:var(--primary-color);bottom:0;left:0;transition:width var(--transition-speed)}.nav-links a:hover:after{width:100%}.burger{display:none;cursor:pointer;flex-direction:column;justify-content:space-around;width:30px;height:25px}.burger div{width:30px;height:3px;background-color:var(--text-color);transition:all .3s ease}.hero-section{display:flex;justify-content:center;align-items:center;padding:100px 0;min-height:calc(100vh - 80px);background:linear-gradient(to right,var(--second-bg-gradient),var(--white));position:relative;overflow:hidden}.hero-section:before,.hero-section:after{content:"";position:absolute;inset:0;background-repeat:repeat;background-size:200px 200px;z-index:0}.hero-section:before{background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(3px 3px at 120px 80px,#fff,transparent),radial-gradient(1px 1px at 60px 150px,#fff,transparent),radial-gradient(3px 3px at 180px 40px,#fff,transparent);animation:moveStars 60s linear infinite}.hero-section:after{background-image:radial-gradient(2px 2px at 50px 100px,#fff,transparent),radial-gradient(2px 2px at 170px 200px,#fff,transparent),radial-gradient(1px 1px at 100px 50px,#fff,transparent),radial-gradient(2px 2px at 200px 150px,#fff,transparent);animation:moveStars 120s linear infinite;opacity:.6}@keyframes moveStars{0%{background-position:0 0}to{background-position:-100px 4000px}}.hero-content{text-align:center;max-width:700px;margin-right:50px;opacity:0;transform:translateY(20px);animation:fadeInSlideUp 1s forwards cubic-bezier(.2,.8,.2,1);animation-delay:.5s;z-index:1000}.hero-content h1{font-size:3.5rem;color:var(--primary-color);margin-bottom:20px}.hero-content p{font-size:1.4rem;color:var(--secondary-color);margin-bottom:40px;min-height:2.8rem}.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:.05em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite;animation-fill-mode:forwards;width:0}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}.hero-image{position:relative;opacity:0;transform:scale(.9);animation:fadeInScaleUp 1s forwards cubic-bezier(.2,.8,.2,1);animation-delay:1s}.hero-image img{max-width:400px;border-radius:50%;box-shadow:0 10px 30px #0000001a}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.navbar{flex-wrap:wrap;padding-top:10px}.nav-links{flex-direction:column;width:0%;text-align:center;background-color:var(--white);position:absolute;top:80px;right:0;transform:translate(100%);transition:.5s ease-in-out;z-index:999;box-shadow:0 5px 10px #0000001a;padding:20px 0;overflow:hidden}.nav-links.nav-active{width:100%;transform:translate(0)}.nav-links li{margin:15px 0;opacity:0}.nav-links.nav-active li{animation:navLinkFade .5s ease forwards}.nav-links.nav-active li:nth-child(1){animation-delay:.3s}.nav-links.nav-active li:nth-child(2){animation-delay:.4s}.nav-links.nav-active li:nth-child(3){animation-delay:.5s}.nav-links.nav-active li:nth-child(4){animation-delay:.6s}.burger{display:flex}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.hero-section{flex-direction:column;text-align:center;padding:80px 20px}.hero-content{margin-right:0;margin-bottom:50px}.hero-image{margin-top:30px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.stats-grid,.skills-grid,.portfolio-grid{grid-template-columns:1fr}}@media (max-width: 500px){.hero-content h1{font-size:1.7rem}.hero-content p{font-size:.9rem}.btn{padding:10px 20px;font-size:.9rem}.hero-image img{max-width:300px}}@keyframes navLinkFade{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInSlideUp 1s forwards cubic-bezier(.2,.8,.2,1)}.slide-in-left{opacity:0;transform:translate(-50px);animation:slideInLeft 1s forwards cubic-bezier(.2,.8,.2,1)}.slide-in-right{opacity:0;transform:translate(50px);animation:slideInRight 1s forwards cubic-bezier(.2,.8,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:darken(var(--primary-color),10%)}.theme-toggle{--toggle-size: 24px;width:var(--toggle-size);height:var(--toggle-size);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--card-bg);color:var(--accent-color);font-size:1.5rem;box-shadow:0 4px 12px #00000008;transition:background var(--transition-speed),transform var(--transition-speed)}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-container{display:flex;justify-content:center;align-items:center}.theme-toggle .icon{transition:opacity var(--transition-speed),transform var(--transition-speed)}.theme-toggle .icon.sun{opacity:1}.theme-toggle.dark .icon.sun{opacity:0;transform:rotate(180deg) scale(.5)}.theme-toggle .icon.moon{position:absolute;opacity:0;transform:rotate(-180deg) scale(.5)}.theme-toggle.dark .icon.moon{opacity:1;transform:rotate(0) scale(1)}