body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--nav-bg);box-shadow:0 2px 10px var(--card-shadow);display:flex;justify-content:space-between;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:var(--nav-bg);padding:1rem 2rem}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#007bff,#00bcd4);-webkit-background-clip:text;color:var(--primary-color);font-size:1.8rem;font-weight:700;transition:transform .3s ease}.nav-brand:hover{transform:translateX(5px)}.nav-items{display:flex;gap:2rem}.nav-items a{color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.nav-items a:after{background:linear-gradient(45deg,#007bff,#00bcd4);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-items a:hover:after{width:100%}.nav-items a:hover{color:var(--primary-color)}.nav-toggle{cursor:pointer;display:none}.nav-toggle span{background-color:var(--text-color);display:block;height:3px;margin:5px 0;transition:all .3s ease;width:25px}@media (max-width:768px){.nav-items{align-items:center;background:var(--nav-bg);box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease}.nav-items.active{display:flex;opacity:1;transform:translateY(0)}.nav-toggle{display:block}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.rtl{direction:rtl}.rtl .nav-items{flex-direction:row-reverse}.lang-switch{background:#0000;border:2px solid var(--primary-color);border-radius:5px;color:var(--primary-color);cursor:pointer;font-weight:500;padding:5px 15px;transition:all .3s ease}.lang-switch:hover{background:var(--primary-color);color:var(--bg-color)}@media (max-width:768px){.rtl .nav-items{flex-direction:column}.lang-switch{margin-top:10px}}.hero{background:var(--bg-color);justify-content:center;min-height:100vh;overflow:hidden;padding:120px 20px 60px}.hero,.hero-content{align-items:center;display:flex;position:relative}.hero-content{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%;z-index:1}.hero-text{flex:1 1;max-width:600px}.hero-image{animation:float 6s ease-in-out infinite;border:3px solid var(--primary-color);border-radius:70%;box-shadow:0 0 20px #0000001a;flex:0 0 auto;height:300px;overflow:hidden;position:relative;width:300px}.image-protection-overlay{background:#0000;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.hero-image img{-webkit-user-drag:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;height:100%;object-fit:cover;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;width:100%}[data-theme=dark] .hero-image img{--image-protection:contrast(1.1) brightness(0.9)}[data-theme=light] .hero-image img{--image-protection:contrast(1.05) brightness(0.95)}::selection{background:#0000}::-moz-selection{background:#0000}*{-webkit-user-select:none;user-select:none}.hero-text{-webkit-user-select:text;user-select:text}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-image:after{animation:shadowFloat 6s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000001a 0,#0000 80%);bottom:-20px;content:"";height:20px;left:50%;position:absolute;transform:translateX(-50%);width:90%}@keyframes shadowFloat{0%{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.2;transform:translateX(-50%) scale(.8)}to{opacity:.4;transform:translateX(-50%) scale(1)}}[data-theme=dark] .hero-image:after{background:radial-gradient(ellipse at center,#ffffff0d 0,#fff0 80%)}@media (max-width:968px){.hero{padding:140px 20px 60px}.hero-content{flex-direction:column-reverse;gap:2rem;padding-top:0;text-align:center}.hero-image{height:220px;margin-top:-20px;width:220px}.hero-text{max-width:100%}.hero h1{font-size:2.5rem}.hero h2{font-size:1.3rem}}@media (max-width:480px){.hero{justify-content:flex-start;min-height:100vh;padding:120px 20px 40px}.hero-content{gap:1.5rem}.hero-image{height:180px;margin-top:-30px;width:180px}.hero h1{font-size:1.8rem}.hero h2{font-size:1.5rem}.cta-buttons{flex-direction:column;gap:1rem;margin-top:1.5rem}.primary-btn,.secondary-btn{margin:5px 0;padding:10px 20px;width:100%}.profession{font-size:1rem}}@media (max-width:360px){.hero{padding:100px 15px 30px}.hero-image{height:160px;margin-top:-20px;width:160px}}[dir=rtl] .hero-text{text-align:right}[dir=rtl] .hero-content{flex-direction:row-reverse}@media (max-width:968px){[dir=rtl] .hero-content{flex-direction:column-reverse;text-align:center}}.hero h1{color:#2c3e50;font-size:3rem;margin-bottom:1rem}.hero h2{color:#00bfff}.hero p{color:#34495e;font-size:1.2rem;line-height:1.6}.highlight{color:#007bff}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem}.primary-btn,.secondary-btn{border-radius:5px;display:inline-block;font-weight:500;margin:0 10px;padding:12px 30px;text-decoration:none;transform:translateY(0);transition:all .3s ease}.primary-btn{background:var(--primary-color);color:var(--bg-color)}.secondary-btn{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.primary-btn:hover,.secondary-btn:hover{background:var(--primary-color);box-shadow:0 5px 15px #0000001a;color:var(--bg-color);transform:translateY(-3px)}.primary-btn:active,.secondary-btn:active{transform:translateY(0)}.hero:before{background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-secondary) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.gradient-text{animation:shine 3s linear infinite;background:linear-gradient(45deg,#00bfff,#87ceeb 25%,#0ff 50%,#87ceeb 75%,#00bfff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#00bfff;font-weight:700;letter-spacing:.5px;text-shadow:0 0 20px #00bfff33}@keyframes shine{0%{background-position:0}to{background-position:200%}}.hero h2{font-size:2.5rem;margin:.5rem 0 1.5rem;transition:all .3s ease}.gradient-text:hover{text-shadow:0 0 30px #00bfff4d;transform:scale(1.05)}@media (max-width:968px){.hero h2.gradient-text{font-size:2rem}}@media (max-width:480px){.hero h2.gradient-text{font-size:1.8rem}}.gradient-text:after{background:radial-gradient(circle at center,#00bfff1a 0,#0000 70%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.gradient-text:hover:after{opacity:1}[data-theme=dark] .hero h1{color:#ecf0f1}[data-theme=dark] .hero p{color:#bdc3c7}[data-theme=dark] .gradient-text{color:#4da3ff}[data-theme=light] .gradient-text{color:#007bff}.profession-text{color:#ecf0f1;margin:1.5rem 0;text-align:center}.profession{color:#fffc;font-size:1.2rem;font-weight:400;letter-spacing:.5px;margin:.3rem 0;transition:all .3s ease}.profession:first-child{animation:fadeInSlide 1s ease-out .5s both}.profession:last-child{animation:fadeInSlide 1s ease-out .7s both}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .profession{color:#ecf0f1cc}@media (max-width:768px){.profession{font-size:1.1rem}.profession-text{margin:1rem 0}}.intro-text{margin-top:1.5rem;text-align:center}@media (max-width:968px){.profession{font-size:1.2rem}}@media (max-width:480px){.profession{font-size:1.1rem}}[dir=rtl] .intro-text,[dir=rtl] .profession-text{text-align:center}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@media (max-width:480px){.cta-buttons{flex-direction:column;gap:1rem;margin:2rem auto 0;max-width:300px;width:100%}.primary-btn,.secondary-btn{margin:0;text-align:center;width:100%}}@media (max-width:768px) and (min-width:481px){.cta-buttons{gap:1.5rem;margin-top:2rem}.primary-btn,.secondary-btn{min-width:160px}}.about{background:var(--bg-secondary);padding:100px 20px}.about-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px}.about-text{background:var(--card-bg);border-radius:15px;box-shadow:0 10px 30px var(--card-shadow);color:var(--text-color);overflow:hidden;padding:2.5rem;position:relative}.about-text:before{background:linear-gradient(180deg,#007bff,#00bcd4);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.about-text p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{background:var(--card-bg);border-radius:15px;box-shadow:0 10px 30px var(--card-shadow);cursor:pointer;overflow:hidden;padding:2rem;text-align:center;z-index:1}.detail-item,.detail-item .stat-icon{position:relative;transition:all 1s ease}.detail-item .stat-icon{color:var(--primary-color);display:block;font-size:2.5rem;margin-bottom:1rem;opacity:.2;transform:none}.detail-item:before{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform 1s ease;z-index:1}.detail-item:hover{box-shadow:0 15px 40px var(--hover-shadow);transform:translateY(-5px)}.detail-item:hover:before{transform:scaleX(1)}.detail-item:hover .stat-icon{color:var(--secondary-color);opacity:.8;transform:scale(1.1) rotate(1turn)}.detail-item:active{transform:translateY(0);transition:all .3s ease}.detail-item h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.detail-item h3,.detail-item p{position:relative;transition:color 1s ease;z-index:2}.detail-item p{font-size:1.25rem;font-weight:600}.detail-item p,.detail-item:hover h3{color:var(--primary-color)}.detail-item:hover p{color:var(--secondary-color)}.detail-item:after{background:linear-gradient(135deg,#007bff0d,#00bcd40d);border-radius:15px;content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease;width:100%;z-index:1}.detail-item:hover:after{opacity:1}[data-theme=dark] .detail-item{background:var(--card-bg);box-shadow:0 10px 30px #0006}[data-theme=dark] .detail-item:hover{background:var(--bg-secondary);box-shadow:0 15px 40px #0009}[data-theme=dark] .detail-item .stat-icon{opacity:.3}[data-theme=dark] .detail-item:hover .stat-icon{color:var(--secondary-color);opacity:.8}[data-theme=dark] .detail-item:after{background:linear-gradient(135deg,#4da3ff0d,#33d6ed0d);border-radius:15px;content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease;width:100%;z-index:1}[data-theme=dark] .detail-item:hover:after{opacity:1}[data-theme=dark] .detail-item h3{color:var(--text-color)}[data-theme=dark] .detail-item p{color:var(--secondary-color)}[data-theme=dark] .detail-item:hover h3{color:var(--primary-color)}[data-theme=dark] .detail-item:hover p{color:var(--secondary-color)}[data-theme=dark] .about-text{background:var(--card-bg);box-shadow:0 10px 30px #0006}[data-theme=dark] .about-text:before{background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));opacity:.8}[data-theme=dark] .about-text p{color:var(--text-color-secondary)}@media (max-width:768px){.about{padding:60px 20px}.about-text{padding:2rem}.about-text p{font-size:1rem}.detail-item{padding:1.5rem}.detail-item .stat-icon{font-size:2rem;margin-bottom:.75rem}}[dir=rtl] .about-text:before{left:auto;right:0}[dir=rtl] .detail-item:before{transform-origin:right}.about-text.animate-in,.detail-item.animate-in{animation:fadeInUp 1s ease forwards}.about-text,.detail-item{transition:all .8s ease}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:var(--bg-color);font-family:Arial,sans-serif;line-height:1.6;min-height:100vh}section{background-color:var(--bg-secondary);padding:80px 0}h2{color:#333;font-size:2.5rem;margin-bottom:40px;text-align:center}.container{margin:0 auto;max-width:1200px;padding:0 20px}.animate{opacity:0;transform:translateY(30px);transition:all .8s ease}.animate-in{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh}section:nth-child(odd){background:var(--bg-color)}section:nth-child(2n){background:var(--bg-secondary)}[dir=rtl]{text-align:right}[dir=rtl] .about-content,[dir=rtl] .contact-content,[dir=rtl] .hero-content,[dir=rtl] .projects-content,[dir=rtl] .skills-content{direction:rtl}[dir=rtl] .hero h1,[dir=rtl] .hero h2,[dir=rtl] .hero p{text-align:right}.projects{background:var(--bg-color);padding:80px 20px}.project-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-btn{background:#0000;border:2px solid var(--primary-color);border-radius:25px;color:var(--text-color);cursor:pointer;font-weight:500;letter-spacing:.5px;padding:.8rem 1.8rem;transition:all .3s ease}.filter-btn:hover{box-shadow:0 5px 15px var(--card-shadow);transform:translateY(-2px)}.filter-btn.active{background:var(--primary-color);color:var(--bg-color)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.project-card,.projects-grid{opacity:1;transition:all .3s ease-in-out}.project-card{background:var(--card-bg);border-radius:15px;box-shadow:0 10px 30px var(--card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transform:translateY(0)}.project-card:hover{box-shadow:0 15px 40px var(--card-shadow);transform:translateY(-5px)}.project-image{height:350px}.image-wrapper,.project-image{background:var(--bg-secondary);overflow:hidden;position:relative;width:100%}.image-wrapper{height:100%}.image-wrapper.loading{background:var(--bg-secondary);position:relative}.image-wrapper.loading img{opacity:0}.image-wrapper img{opacity:1;transition:opacity .3s ease}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%;will-change:transform}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000d9;bottom:0;display:flex;gap:1.5rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-image img{cursor:pointer;transform:scale(1.1)}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-info h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.project-info p{color:var(--text-color-secondary);flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.project-tech{margin-top:auto}.tech-tags{gap:.5rem;margin-top:.5rem}.tech-tag{border-radius:15px;font-size:.8rem;padding:.3rem .8rem}.project-link{align-items:center;background:var(--primary-color);border:2px solid var(--primary-color);border-radius:25px;color:var(--bg-color);display:flex;font-size:.9rem;gap:.5rem;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.project-link:hover{background:#0000;color:var(--primary-color);transform:translateY(-2px)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;padding:0 1rem}.project-filters{gap:.8rem;padding:0 1rem}.filter-btn{font-size:.9rem;padding:.6rem 1.2rem}.project-image{height:200px}.project-link{font-size:.8rem;padding:.6rem 1rem}}.projects-grid:empty{opacity:0}.project-card.animate{animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skills{background:var(--bg-color);padding:100px 20px}.skills h2{color:var(--text-color);margin-bottom:3rem;text-align:center}.skills-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.skills-category{background:var(--card-bg);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.skills-category h3{color:var(--text-color);font-size:1.3rem;margin-bottom:1.5rem}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{width:100%}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{color:var(--text-color);font-weight:500}.skill-percentage{color:var(--primary-color);font-weight:600}.skill-bar{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;height:100%;position:relative;transition:width 1s ease-in-out}.skill-progress-bar{animation:progress-animation 1s linear infinite;background:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:1rem 1rem;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes progress-animation{0%{background-position:1rem 0}to{background-position:0 0}}[data-theme=dark] .skills-category{background:var(--card-bg)}[data-theme=dark] .skill-bar{background:#ffffff1a}[dir=rtl] .skill-info{flex-direction:row-reverse}@media (max-width:768px){.skills{padding:60px 20px}.skills-content{grid-template-columns:1fr}.skills-category{padding:1.5rem}}.contact{align-items:center;background:var(--bg-color);display:flex;min-height:100vh;padding:100px 20px}.contact-container{margin:0 auto;max-width:1200px;width:100%}.section-title{color:var(--text-color);font-size:2.5rem;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-color-secondary);font-size:1.1rem;margin-bottom:3rem;text-align:center}.contact-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.contact-info-card{background:var(--card-bg);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.info-header h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem}.info-item{align-items:center;color:var(--text-color-secondary);display:flex;margin-bottom:1rem}.info-icon{color:var(--primary-color);font-size:1.2rem;margin-right:1rem}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--bg-color);display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}[data-theme=dark] .social-link{background:#fff;color:var(--bg-secondary)}[data-theme=dark] .social-link:hover{background:var(--secondary-color);color:var(--bg-color)}[data-theme=dark] .info-icon{color:var(--secondary-color)}.contact-form{background:var(--card-bg);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.submit-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.error-message,.success-message{border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.success-message{background:#28a7451a;color:#28a745}.error-message{background:#dc35451a;color:#dc3545}[dir=rtl] .contact-form{text-align:right}[dir=rtl] .info-icon{margin-left:1rem;margin-right:0}@media (max-width:968px){.contact-content{gap:2rem;grid-template-columns:1fr}.section-title{font-size:2rem}}@media (max-width:480px){.contact{padding:60px 20px}.contact-form,.contact-info-card{padding:1.5rem}.section-title{font-size:1.8rem}.form-group input,.form-group textarea{padding:.8rem}}.footer{background:var(--bg-color);border-top:1px solid var(--border-color);color:#fff;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content p,.footer-links a{color:var(--text-color)}.footer-links a{margin-left:2rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-links{margin-top:1rem}.footer-links a{margin:0 1rem}}.experience{background:var(--bg-color);padding:100px 20px}.experience-content{margin:0 auto;max-width:800px;padding:40px 0}.timeline{border-left:2px solid var(--primary-color);padding:20px 0}.timeline,.timeline-item{margin-left:20px;position:relative}.timeline-item{margin-bottom:40px}.timeline-item:before{background:var(--primary-color);border-radius:50%;content:"";height:20px;left:-31px;position:absolute;top:0;width:20px}.timeline-content{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 10px var(--card-shadow);padding:20px}.timeline-content h3{color:var(--text-color);font-size:1.2rem;margin-bottom:5px}.timeline-content h4{color:var(--primary-color);font-size:1.1rem;margin-bottom:10px}.timeline-period{color:var(--text-muted);font-size:.9rem;margin-bottom:15px}.timeline-description{color:var(--text-color-secondary);line-height:1.6}[dir=rtl] .timeline{border-left:none;border-right:2px solid var(--primary-color)}[dir=rtl] .timeline,[dir=rtl] .timeline-item{margin-left:0;margin-right:20px}[dir=rtl] .timeline-item:before{left:auto;right:-31px}@media (max-width:768px){.experience{padding:60px 20px}.timeline{border:none;margin:0;padding:20px}.timeline-item{margin:0 0 30px;text-align:center}.timeline-item:before{display:none}.timeline-content{padding:15px}[dir=rtl] .timeline{border:none;margin:0}[dir=rtl] .timeline-item{margin:0 0 30px;text-align:center}}@media (max-width:480px){.experience{padding:40px 15px}.timeline-content{padding:12px}.timeline-content h3{font-size:1.1rem}.timeline-content h4{font-size:1rem}.timeline-period{font-size:.85rem}}:root{--primary-color:#007bff;--secondary-color:#00bcd4;--text-color:#333;--text-color-secondary:#666;--bg-color:#fff;--bg-secondary:#f8f9fa;--card-bg:#fff;--card-shadow:#0000000d;--border-color:#eaeaea;--nav-bg:#fffffff2;--text-muted:#6c757d;--hover-shadow:#0000001a;--gradient-start:#fffffff2;--gradient-end:#fffc;--input-bg:#fff;--placeholder-color:#999}[data-theme=dark]{--primary-color:#4da3ff;--secondary-color:#33d6ed;--text-color:#f0f0f0;--text-color-secondary:#b0b0b0;--bg-color:#121212;--bg-secondary:#1a1a1a;--card-bg:#1e1e1e;--card-shadow:#0000004d;--border-color:#2a2a2a;--nav-bg:#121212f2;--text-muted:#888;--hover-shadow:#0006;--gradient-start:#121212f2;--gradient-end:#121212cc;--input-bg:#2a2a2a;--placeholder-color:#666}[data-theme=dark] p{color:#666;color:var(--text-color-secondary)}.theme-switch,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#333;color:var(--text-color)}.theme-switch{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:1.2rem;padding:5px 15px;transition:all .3s ease}.theme-switch:hover{color:#007bff;color:var(--primary-color)}.theme-icon{font-size:1.2rem}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark] a:not(.primary-btn):not(.secondary-btn){color:#007bff;color:var(--primary-color)}[data-theme=dark] a:hover:not(.primary-btn):not(.secondary-btn){color:#00bcd4;color:var(--secondary-color)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#999;color:var(--placeholder-color)}[data-theme=dark] ::-webkit-scrollbar{width:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#eaeaea;background:var(--border-color);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-muted)}.project-details{background:var(--bg-color);margin:0 auto;max-width:1200px;min-height:100vh;padding:120px 20px 80px}.project-details-header{align-items:center;display:flex;gap:2rem;margin-bottom:4rem;position:relative}.project-details-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary-color),var(--text-color));-webkit-background-clip:text;color:var(--text-color);font-size:2.5rem;margin:0}.back-button{align-items:center;background:#0000;border:2px solid var(--primary-color);border-radius:30px;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.8rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:var(--primary-color);box-shadow:0 5px 15px #0003;color:var(--bg-color);transform:translateX(-5px)}.project-details-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;position:relative}.project-gallery{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3rem}.project-image-detail{border-radius:15px;box-shadow:0 10px 30px var(--card-shadow);cursor:pointer;height:100%;transition:transform .3s ease;width:100%}.project-image:hover{transform:scale(1.02)}.project-info-detailed{color:var(--text-color)}.project-info-detailed h2{color:var(--text-color);font-size:1.8rem;margin:2.5rem 0 1.5rem;padding-bottom:.5rem;position:relative}.project-info-detailed h2:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.project-info-detailed p{color:var(--text-color-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.project-info-detailed ul{list-style-type:none;padding-left:1.5rem}.project-info-detailed li{color:var(--text-color-secondary);line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.project-info-detailed li:before{color:var(--primary-color);content:"→";font-weight:700;left:-1rem;position:absolute}.project-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.project-meta{background:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px var(--card-shadow);padding:2.5rem}.project-meta h3{color:var(--text-color);font-size:1.3rem;margin:2rem 0 1rem}.project-meta h3:first-child{margin-top:0}.project-meta p{color:var(--text-color-secondary);font-size:1.1rem;line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.tech-tag{background:var(--bg-secondary);border-radius:20px;color:var(--text-color);font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.tech-tag:hover{box-shadow:0 5px 15px var(--card-shadow);transform:translateY(-2px)}.demo-link{align-items:center;background:var(--primary-color);border-radius:30px;color:var(--bg-color);display:inline-flex;font-weight:500;gap:.8rem;justify-content:center;margin-top:2.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.demo-link:hover{box-shadow:0 8px 25px var(--card-shadow);transform:translateY(-3px)}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.project-details{padding:100px 20px 60px}.project-details-header h1{font-size:2rem}}@media (max-width:768px){.project-details-content{grid-template-columns:1fr}.project-sidebar{margin-top:2rem;position:static}.project-details-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.project-details-header h1{font-size:1.8rem}.back-button{font-size:.9rem;padding:.6rem 1.2rem}.project-info-detailed h2{font-size:1.5rem}.project-meta{padding:1.5rem}}[data-theme=dark] .project-meta{background:var(--card-bg);border:1px solid var(--border-color)}[data-theme=dark] .tech-tag{background:var(--bg-color);border:1px solid var(--border-color)}.legal-container{color:var(--text-color);margin:120px auto 60px;max-width:1000px;padding:0 20px}.legal-container h1{color:var(--text-color);font-size:2.5rem;margin-bottom:1rem}.legal-container p{color:var(--text-color-secondary);line-height:1.6;margin-bottom:1.5rem}.legal-container section{margin:2.5rem 0}.legal-container h2{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.legal-container ul{color:var(--text-color-secondary);margin:1rem 0;padding-left:2rem}.legal-container li{line-height:1.6;margin-bottom:.5rem}[data-theme=dark] .legal-container{background:var(--bg-color)}[dir=rtl] .legal-container ul{padding-left:0;padding-right:2rem}@media (max-width:768px){.legal-container{margin:100px auto 40px}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.3rem}}
/*# sourceMappingURL=main.04d37baa.css.map*/