:root{--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-text: #1e293b;--color-text-secondary: #64748b;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--border-radius: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--home-bg: linear-gradient(135deg, #4a90e2, #357ab8);--overview-bg: linear-gradient(135deg, #50e3c2, #34c2a4);--technologies-bg: linear-gradient(135deg, #9013fe, #6a0dad);--features-bg: linear-gradient(135deg, #ff6b81, #e84118);--slider-bg: linear-gradient(135deg, #ffa94d, #f76707);--icon-color: #ffffff;--success: #22c55e;--success-hover: #16a34a;--email-color: #EA4335;--phone-color: #34A853;--linkedin-color: #0077B5;--github-color: #181717;--telegram-color: #26A5E4;--vk-color: #0077FF;--whatsapp-color:#25D366;--nav-bar-height:80px}.dark{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-accent: #60a5fa;--color-accent-hover: #3b82f6;--color-border: #334155;--color-border-hover: #475569;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--icon-color: #f1f1f1}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);transition:var(--transition);line-height:1.6}.size-md{width:40px;height:40px;font-size:1rem}.size-lg{width:48px;height:48px;font-size:1.125rem}.size-xl{width:56px;height:56px;font-size:1.25rem}.navbar-container{position:sticky;top:0;z-index:1000;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--box-shadow)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;position:relative;height:var(--nav-bar-height)}.navbar-logo{display:flex;align-items:center;gap:2px}.navbar-logo .logo-text{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:var(--transition);letter-spacing:-.025em}.navbar-logo .logo-text:hover{transform:scale(1.05)}.navbar-logo img{width:40px;height:40px;border-radius:8px;margin-inline-end:10px}.navbar-links{display:flex;gap:2rem;list-style:none;align-items:center}.navbar-links a{cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);font-weight:500;position:relative;text-decoration:none;color:inherit}.navbar-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-accent);transition:var(--transition);transform:translate(-50%)}.navbar-links a:hover,.navbar-links a.active{color:var(--color-accent);background:var(--color-bg)}.navbar-links a.active{font-weight:600;border-bottom:2px solid var(--color-accent)}.navbar-links a:hover:after{width:80%}.navbar-controls{display:flex;align-items:center;gap:1rem}.theme-btn{padding:.75rem;border:none;border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);box-shadow:var(--box-shadow)}.theme-btn:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--box-shadow-hover)}.language-dropdown{position:relative;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);background:var(--color-bg);border:1px solid var(--color-border);transition:var(--transition);box-shadow:var(--box-shadow)}.language-dropdown:hover{border-color:var(--color-accent);transform:translateY(-1px)}.language-dropdown p{margin:0;font-weight:500;white-space:nowrap}.language-list{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);list-style:none;padding:.5rem 0;min-width:150px;box-shadow:var(--box-shadow-hover);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-inline-start:-2rem}.language-list li{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:var(--transition);font-weight:500;margin:5px 10px;border-radius:var(--border-radius)}.language-list li:hover{background:var(--color-accent);color:#fff}.language-list li.active{color:#fff;background-color:var(--color-accent)}.mobile-menu-btn{display:none;padding:.5rem;border:none;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--border-radius);transition:var(--transition)}.mobile-menu-btn:hover{background:var(--color-bg)}@media (max-width: 768px){.navbar{padding:1rem}.navbar-logo{font-size:1.5rem}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-direction:column;gap:0;padding:1rem 0;box-shadow:var(--box-shadow-hover)}.navbar-links.mobile-open{display:flex}.navbar-links.mobile-open a.active{background-color:inherit;border:none}.navbar-links li{width:100%;text-align:center;padding:1rem;border-radius:0}.navbar-links li:after{display:none}.navbar-links li:hover{background:var(--color-accent);color:#fff}.mobile-menu-btn{display:block}.navbar-controls{gap:.5rem}.language-dropdown p{display:none}.language-dropdown{padding:.5rem;min-width:auto}.language-list{right:0;min-width:120px}[dir=rtl] .language-list{left:0;right:inherit}}@media (max-width: 480px){.navbar{padding:.75rem}.navbar-logo{font-size:1.25rem}.theme-btn{padding:.5rem}.language-dropdown{padding:.25rem}}.hero-section{display:flex;justify-content:space-between;align-items:center;padding:5rem 10%;gap:4rem;min-height:100vh;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f608,#60a5fa08);pointer-events:none}.dark .hero-section:before{background:linear-gradient(135deg,#60a5fa0d,#3b82f60d)}.hero-left{flex:1;z-index:2}.greeting-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);padding:.5rem 1rem;border-radius:50px;border:1px solid var(--color-border);margin-bottom:1.5rem;font-size:.9rem;color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .8s ease forwards}.dark .greeting-badge{background:linear-gradient(135deg,#60a5fa1a,#3b82f61a);border-color:var(--color-border)}.wave{animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}.hero-name{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;line-height:1.2;animation:slideInLeft 1s ease forwards;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-highlight{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 50%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite,bounce 2s ease-in-out infinite;display:inline-block}.typing-container{margin-bottom:1.5rem}.hero-title{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:var(--color-accent);animation:slideInLeft 1.2s ease forwards}.typing-text{display:inline-block}.cursor{color:var(--color-accent);animation:blink 1s infinite;font-weight:300;margin-inline-start:2px}.hero-description{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;line-height:1.7;margin-bottom:2.5rem;animation:slideInLeft 1.4s ease forwards}.highlight-word{color:var(--color-accent);font-weight:600;position:relative}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;animation:slideInLeft 1.6s ease forwards}.btn{position:relative;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;box-shadow:0 8px 32px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f666}.dark .btn-primary{box-shadow:0 8px 32px #60a5fa33}.dark .btn-primary:hover{box-shadow:0 12px 40px #60a5fa4d}.btn-secondary{background:#3b82f61a;color:var(--color-accent);border:2px solid var(--color-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}.btn-tertiary{background:transparent;color:var(--color-text);border:2px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-tertiary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);transform:translateY(-2px)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover .btn-glow{left:100%}.hero-socials{animation:slideInLeft 1.8s ease forwards}.social-label{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem;font-weight:500}.social-links{display:flex;gap:1rem}.social-link{position:relative;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--color-bg-secondary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);box-shadow:var(--box-shadow)}.social-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--box-shadow-hover)}.social-link.github:hover{background:linear-gradient(135deg,#333,#666);color:#fff;border-color:#333}.social-link.linkedin:hover{background:linear-gradient(135deg,#0077b5,#00a0dc);color:#fff;border-color:#0077b5}.social-link.telegram:hover{background:linear-gradient(135deg,#08c,#0af);color:#fff;border-color:#08c}.tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:var(--color-bg-secondary);color:var(--color-text);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.7rem;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap;border:1px solid var(--color-border);box-shadow:var(--box-shadow)}.social-link:hover .tooltip{opacity:1}.hero-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.hero-image-wrapper{position:relative;width:320px;height:320px;animation:fadeInRight 1.2s ease forwards}.ring{position:absolute;border-radius:50%;border:2px solid;opacity:.2}.ring-1{width:100%;height:100%;border-color:var(--color-accent);animation:rotate 20s linear infinite}.ring-2{width:110%;height:110%;top:-5%;left:-5%;border-color:var(--color-accent-hover);animation:rotate 15s linear infinite reverse}.ring-3{width:120%;height:120%;top:-10%;left:-10%;border-color:#60a5fa;animation:rotate 25s linear infinite}.dark .ring{opacity:.3}.particle{position:absolute;width:6px;height:6px;background:var(--color-accent);border-radius:50%;opacity:.6}.particle-1{top:10%;left:10%;animation:float 3s ease-in-out infinite}.particle-2{top:20%;right:15%;animation:float 2.5s ease-in-out infinite reverse;background:var(--color-accent-hover)}.particle-3{bottom:30%;left:5%;animation:float 3.5s ease-in-out infinite;background:#60a5fa}.particle-4{bottom:10%;right:20%;animation:float 2.8s ease-in-out infinite reverse;background:var(--color-accent)}.particle-5{top:50%;left:2%;animation:float 3.2s ease-in-out infinite;background:var(--color-accent-hover)}.particle-6{top:70%;right:8%;animation:float 2.3s ease-in-out infinite reverse;background:#60a5fa}.dark .particle{opacity:.8}.image-container{position:relative;width:280px;height:280px;margin:20px auto;z-index:2}.hero-image{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:var(--box-shadow-hover);animation:float 3s ease-in-out infinite;border:4px solid var(--color-border);position:relative;z-index:1}.dark .hero-image{border-color:var(--color-border)}.image-glow{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#3b82f633,#60a5fa33);filter:blur(20px);animation:pulse 4s ease-in-out infinite;z-index:-1}.dark .image-glow{background:linear-gradient(135deg,#60a5fa4d,#3b82f64d)}.music-visualizer{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;height:60px;z-index:3}.bar{width:4px;background:linear-gradient(to top,var(--color-accent),var(--color-accent-hover));border-radius:2px;animation:musicPulse 1.5s ease-in-out infinite}.bar-1{animation-delay:0s}.bar-2{animation-delay:.1s}.bar-3{animation-delay:.2s}.bar-4{animation-delay:.3s}.bar-5{animation-delay:.4s}.bar-6{animation-delay:.5s}.bar-7{animation-delay:.6s}.hero-right .status-badge{position:absolute;top:-10px;right:20px;background:#22c55e4d;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInDown 1.5s ease forwards;color:var(--color-text-secondary)}.dark .status-badge{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.dark .status-dot{background:#4ade80}@keyframes wave{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(14deg)}20%,40%,60%,80%{transform:rotate(-8deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@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)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes musicPulse{0%,to{height:12px;opacity:.7}25%{height:40px;opacity:1}50%{height:20px;opacity:.8}75%{height:50px;opacity:1}}[dir=rtl] .hero-section{direction:rtl}[dir=rtl] .greeting-badge,[dir=rtl] .hero-name,[dir=rtl] .hero-title,[dir=rtl] .hero-description,[dir=rtl] .hero-buttons,[dir=rtl] .hero-socials{animation-name:slideInRight}[dir=rtl] .hero-image-wrapper{animation-name:fadeInLeft}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .cursor{margin-inline-start:0;margin-inline-end:2px}@media screen and (max-width: 1200px){.hero-section{padding:4rem 8%;gap:3rem}.hero-image-wrapper{width:280px;height:280px}.image-container{width:240px;height:240px}}@media screen and (max-width: 900px){.hero-section{flex-direction:column-reverse;text-align:center;padding:3rem 5%;gap:3rem}.hero-left,.hero-right{width:100%}.hero-image-wrapper{width:250px;height:250px;margin-bottom:2rem}.image-container{width:220px;height:220px}.hero-buttons,.social-links{justify-content:center}}@media screen and (max-width: 600px){.hero-section{padding:2rem 5%}.hero-name{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px}.hero-image-wrapper{width:200px;height:200px}.image-container{width:180px;height:180px}}.about-section{padding:80px 0;background:var(--color-bg);color:var(--color-text)}.about-content{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.about-image-container{display:flex;justify-content:center;align-items:center}.about-img{width:250px;height:250px;border-radius:50%;object-fit:cover;border:4px solid var(--color-border);box-shadow:var(--box-shadow);transition:var(--transition)}.about-img:hover{transform:scale(1.05);box-shadow:var(--box-shadow-hover);border-color:var(--color-accent)}.about-text-content{max-width:600px}.about-header{margin-bottom:25px}.about-title{font-size:2.5rem;font-weight:700;margin:0 0 15px;color:var(--color-text);font-family:var(--font-family)}.about-badge{display:inline-block;background:var(--color-accent);color:#fff;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.about-description{font-size:1.125rem;line-height:1.7;margin-bottom:20px;color:var(--color-text)}.about-description strong{color:var(--color-accent);font-weight:600;margin:0 2px}.about-sub-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:30px}.skills-overview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px;margin-bottom:30px}.skill-category{font-size:.95rem;line-height:1.6;color:var(--color-text);margin-bottom:12px}.skill-category strong{color:var(--color-accent);font-weight:600;display:inline-block;min-width:80px}.btn-learn-more{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent);color:#fff;border:none;padding:14px 28px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);box-shadow:var(--box-shadow)}.btn-learn-more:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-hover)}.btn-icon{transition:var(--transition)}.btn-learn-more:hover .btn-icon{transform:translate(2px,-2px)}@media (max-width: 992px){.about-content{grid-template-columns:1fr;gap:40px;text-align:center}.about-text-content{max-width:none}}@media (max-width: 768px){.about-section{padding:60px 0}.about-content{padding:0 15px}.about-title{font-size:2rem}.about-img{width:200px;height:200px}.about-description{font-size:1rem}}@media (max-width: 576px){.about-title{font-size:1.75rem}.about-img{width:180px;height:180px}.skills-overview{padding:20px}.skill-category{font-size:.875rem}.skill-category strong{display:block;margin-bottom:4px}}.about-page{min-height:100vh;padding:2rem 0;background:linear-gradient(135deg,#8b5cf608,#3b82f608,#10b98108)}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-hero{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease-out}.typing-title{font-size:3rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:slideInFromTop 1s ease-out}.typing-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:2px;animation:expandWidth 1s ease-out .5s both}.typing-container{font-size:1.3rem;color:var(--color-text);opacity:.9;max-width:700px;margin:0 auto;line-height:1.8;min-height:80px}.typed-text{display:inline}.typing-cursor{display:inline-block;color:#8b5cf6;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;align-items:start}.animate-in{animation:fadeInUp .8s ease-out both}.about-text{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.about-text.animate-in{opacity:1;transform:translateY(0)}.story-content{position:relative}.story-paragraph{opacity:0;transform:translate(-20px);animation:slideInFromLeft .6s ease-out both}.story-paragraph:nth-child(1){animation-delay:.1s}.story-paragraph:nth-child(2){animation-delay:.3s}.story-paragraph:nth-child(3){animation-delay:.5s}.story-paragraph:nth-child(4){animation-delay:.7s}.highlight{background:linear-gradient(135deg,#8b5cf633,#3b82f633);padding:2px 6px;border-radius:4px;font-weight:600;color:#8b5cf6}.reading-highlight{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#10b98133,#3b82f633);padding:2px 8px;border-radius:6px;font-weight:600;color:#10b981;transition:all .3s ease}.reading-highlight:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.book-icon{font-size:.9rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.about-image{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.about-image.animate-in{opacity:1;transform:translateY(0)}.profile-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(139,92,246,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.profile-card:hover:before{opacity:1;transform:rotate(45deg) translate(50%,50%)}.profile-card:hover{transform:translateY(-10px);box-shadow:0 32px 64px -12px #8b5cf633,0 20px 25px -5px #0000001a}.profile-image{width:180px;height:180px;border-radius:50%;margin:0 auto 1.5rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);padding:4px;position:relative;overflow:hidden;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--color-bg)}.profile-info h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.profile-info .role{color:#8b5cf6;font-weight:600;font-size:1.1rem;margin-bottom:1rem}.profile-stats{display:flex;justify-content:space-around;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:.25rem}.counter{animation:countUp 2s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-label{font-size:.85rem;color:var(--color-text);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.about-text h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-text);position:relative}.about-text h2:before{content:"";position:absolute;left:-1rem;top:.5rem;width:4px;height:2rem;background:linear-gradient(180deg,#8b5cf6,#3b82f6);border-radius:2px}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--color-text);margin-bottom:1.5rem;opacity:.9}.about-page .skills-section{margin-top:3rem}.about-page .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.about-page .skill-category{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 1rem;transition:all .3s ease;opacity:0;transform:translateY(30px)}.skill-category.animate-in{animation:fadeInUp .6s ease-out both}.skill-category:hover{transform:translateY(-5px);box-shadow:0 20px 25px #0000001a;border-color:#8b5cf64d}.skill-category h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.skill-category .icon{font-size:1.5rem;color:#8b5cf6}.about-page .skill-list{list-style:none;padding:0}.about-page .skill-item{color:var(--color-text);position:relative;padding:.5rem 0 .5rem 1.5rem;opacity:0;transform:translate(-20px);animation:slideInFromLeft .4s ease-out both;font-size:1rem}.about-page .skill-item:before{content:"▸";position:absolute;left:0;color:#3b82f6;font-weight:700}.journey-section{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;margin-bottom:4rem;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(30px);transition:all .8s ease-out}.journey-section.animate-in{opacity:1;transform:translateY(0)}.journey-section h2{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:3rem;color:var(--color-text)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf6,#3b82f6,#10b981);transform:translate(-50%)}.timeline-item{margin-bottom:3rem;position:relative;opacity:0;transform:translateY(30px)}.timeline-item.animate-in{animation:fadeInUp .6s ease-out both}.timeline-item:nth-child(odd) .timeline-content{margin-right:60%;text-align:right}.timeline-item:nth-child(2n) .timeline-content{margin-left:60%;text-align:left}.timeline-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:16px;position:relative;transition:all .3s ease;animation:slideInScale .6s ease-out both}.timeline-content:hover{transform:scale(1.02);box-shadow:0 20px 25px #0000001a}.timeline-content h3{font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.timeline-content .date{color:#8b5cf6;font-weight:500;margin-bottom:1rem;font-size:.9rem}.timeline-content p{color:var(--color-text);opacity:.8;line-height:1.6}.timeline-dot{position:absolute;left:50%;top:2rem;width:16px;height:16px;background:#3b82f6;border-radius:50%;transform:translate(-50%);border:4px solid var(--color-bg);box-shadow:0 0 0 4px #3b82f64d;animation:pulseRing 3s ease-in-out infinite}@keyframes pulseRing{0%,to{box-shadow:0 0 0 4px #3b82f64d;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 0 8px #3b82f61a;transform:translate(-50%) scale(1.1)}}.learning-section{background:#10b9810d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;margin-bottom:2rem;border:1px solid rgba(16,185,129,.1);opacity:0;transform:translateY(30px);transition:all .8s ease-out}.learning-section.animate-in{opacity:1;transform:translateY(0)}.learning-section h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--color-text)}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.learning-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.learning-item:nth-child(1){animation-delay:.1s}.learning-item:nth-child(2){animation-delay:.3s}.learning-item:nth-child(3){animation-delay:.5s}.learning-item:hover{transform:translateY(-5px);box-shadow:0 15px 25px #10b98133;border-color:#10b9814d}.learning-item h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.learning-item p{color:var(--color-text);opacity:.8;line-height:1.6;font-size:.95rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes expandWidth{0%{width:0}to{width:80px}}[dir=rtl] .about-page .about-text h2:before{right:-1rem;left:auto}[dir=rtl] .about-page .skill-item{padding-right:1.5rem;padding-left:0}[dir=rtl] .about-page .skill-item:before{right:0;left:auto;content:"◂"}[dir=rtl] .timeline-item:nth-child(odd) .timeline-content{margin-left:60%;margin-right:0;text-align:left}[dir=rtl] .timeline-item:nth-child(2n) .timeline-content{margin-right:60%;margin-left:0;text-align:right}@media screen and (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:3rem}.typing-title{font-size:2.5rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}}@media screen and (max-width: 768px){.about-container{padding:0 1rem}.typing-title{font-size:2rem}.typing-container{font-size:1.1rem;min-height:60px}.profile-image{width:150px;height:150px}.profile-stats{flex-direction:column;gap:1rem}.timeline:before{left:2rem}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:4rem;margin-right:0;text-align:left}.timeline-dot{left:2rem}[dir=rtl] .timeline:before{right:2rem;left:auto}[dir=rtl] .timeline-item:nth-child(odd) .timeline-content,[dir=rtl] .timeline-item:nth-child(2n) .timeline-content{margin-right:4rem;margin-left:0;text-align:right}[dir=rtl] .timeline-dot{right:2rem;left:auto}.journey-section{padding:2rem 1rem}.learning-grid{grid-template-columns:1fr;gap:1.5rem}}@media screen and (max-width: 480px){.typing-title,.about-text h2{font-size:1.8rem}.skills-grid{grid-template-columns:1fr}.skill-category,.profile-card{padding:1.5rem}.profile-image{width:120px;height:120px}.learning-section{padding:2rem 1rem}}.skill-category:focus-within,.timeline-content:focus-within,.learning-item:focus-within{outline:2px solid #8b5cf6;outline-offset:2px}html{scroll-behavior:smooth}.contact-section{background:linear-gradient(120deg,var(--color-accent),#8b5cf6);padding:1.5rem;text-align:center;color:var(--color-text);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);width:60%;margin:3rem auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.contact-section h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text)}.contact-section p{color:var(--color-text);margin-bottom:1.5rem}.contact-section .btn{display:inline-block;padding:.5rem 1rem;margin:0 .5rem;background-color:var(--color-bg);color:var(--color-text);text-decoration:none;border-radius:20px;transition:var(--transition)}.contact-section .btn:hover{background-color:var(--color-accent-hover)}.contact-section .social-links a{color:#fff;margin:0 .5rem;font-size:1.2rem;transition:var(--transition)}@media screen and (max-width: 900px){.contact-section{width:90%}}.contact-page.contact-container{min-height:calc(100vh - var(--nav-bar-height));background:var(--color-bg);padding:2rem 1rem;font-family:var(--font-family);display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-wrapper{width:100%;padding:1rem 2rem;overflow:hidden;display:flex;justify-content:space-around}.contact-form-section{padding:3rem;background:var(--color-bg-secondary);display:flex;flex-direction:column;justify-content:center;min-width:45%;border-radius:12px;box-shadow:var(--box-shadow-hover)}.section-header{margin-bottom:2rem}.section-title-contact{font-size:2.25rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem}.section-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;font-size:.9rem;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);transition:var(--transition);outline:none;box-sizing:border-box}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-input:hover,.form-textarea:hover{border-color:var(--color-border-hover)}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);opacity:.8}.submit-button{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;font-family:var(--font-family);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);margin-top:.5rem;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover),#1d4ed8);transform:translateY(-2px);box-shadow:var(--box-shadow-hover)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-button:hover:not(:disabled):before{left:100%}.error-message{font-size:.8rem;color:#ef4444;font-weight:500;margin-top:.25rem}.status-message{padding:1rem;border-radius:var(--border-radius);font-weight:500;text-align:center;margin-top:1rem;animation:slideIn .3s ease-out}.status-message.success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.status-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.contact-info-section{padding:3rem;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;min-width:45%}.contact-info-section .section-title{color:var(--color-text);background:none;-webkit-text-fill-color:var(--color-text)}.contact-info-section .section-subtitle{color:var(--color-text-secondary)}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)!important;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--box-shadow)}.contact-info-item:hover{background:var(--color-accent);border-color:var(--color-border-hover);transform:translate(5px)}.contact-info-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:var(--transition)}.contact-info-icon.email{background:var(--email-color)}.contact-info-icon.phone{background:var(--phone-color)}.contact-info-icon.linkedin{background:var(--linkedin-color)}.contact-info-icon.github{background:var(--github-color)}.contact-info-icon.telegram{background:var(--telegram-color)}.contact-info-icon svg{width:28px;height:28px;color:#fff}.contact-info-item:hover .contact-info-icon{transform:scale(1.1)}.contact-info-content{flex:1}.contact-info-label{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.contact-info-value{font-size:.9rem;color:var(--color-text);margin:0;word-break:break-word}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-container.rtl{direction:rtl}.contact-container.rtl .form-label,.contact-container.rtl .section-header,.contact-container.rtl .form-input,.contact-container.rtl .form-textarea{text-align:right}.contact-container.rtl .form-input::placeholder,.contact-container.rtl .form-textarea::placeholder{text-align:right}.contact-container.rtl .contact-info-item:hover{transform:translate(-5px)}@media (max-width: 992px){.contact-wrapper{max-width:600px;flex-direction:column;padding:0;gap:1rem}.contact-info-section{border-top:2px solid var(--color-border)}.contact-form-section,.contact-info-section{padding:2.5rem}.page-title{font-size:2.5rem}.section-title{font-size:1.375rem}}@media (max-width: 768px){.contact-container{padding:1rem;gap:1.5rem}.contact-form-section,.contact-info-section{padding:2rem}.page-title{font-size:2.25rem}.page-subtitle{font-size:1.125rem}.section-title{font-size:1.25rem}.contact-info-item{padding:1rem}.contact-info-icon{width:40px;height:40px}.contact-info-icon svg{width:20px;height:20px}}@media (max-width: 480px){.contact-form-section,.contact-info-section{padding:1.5rem}.page-title{font-size:1.875rem}.page-subtitle{font-size:1rem}.section-title{font-size:1.125rem}.form-input,.form-textarea{padding:.75rem;font-size:.9rem}.submit-button{padding:.875rem 1.5rem;font-size:.9rem}.contact-info-item{gap:.75rem;padding:.875rem}.contact-info-label{font-size:.9rem}.contact-info-value{font-size:.8rem}}.dark .contact-form-section{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark .form-input,.dark .form-textarea{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark .form-input:focus,.dark .form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #60a5fa1a}.dark .status-message.success{background:#22c55e33;color:#4ade80;border-color:#22c55e4d}.dark .status-message.error{background:#ef444433;color:#f87171;border-color:#ef44444d}.skills-page{min-height:100vh;background:var(--color-bg)}.skills-page .page-header{position:relative;padding:4rem 2rem 6rem;text-align:center;overflow:hidden}.skills-page .page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.light .skills-page .page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.04) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.skills-page .header-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.skills-page .header-title{font-size:4rem;font-weight:800;color:#9013fe;margin-bottom:1rem;opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out .2s forwards}.skills-page .header-subtitle{font-size:1.4rem;color:var(--color-text);margin-bottom:2rem;opacity:0;transform:translateY(30px);font-family:Dancing Script,cursive;animation:slideInUp .8s ease-out .4s forwards}.skills-page .header-description{font-size:1.1rem;color:var(--color-text);max-width:600px;margin:0 auto 3rem;line-height:1.6;opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out .6s forwards}.skills-page .skills-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem;opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out .8s forwards}.skills-page .stat-item{text-align:center;color:var(--icon-color)}.skills-page .stat-number{font-size:2.5rem;font-weight:700;display:block;transition:var(--transition)}.skills-page .stat-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.skills-page .floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-icon{position:absolute;color:var(--color-text);font-size:2rem;animation:floatIcon 8s ease-in-out infinite}.floating-icon:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-icon:nth-child(2){top:30%;right:15%;animation-delay:2s}.floating-icon:nth-child(3){bottom:30%;left:20%;animation-delay:4s}.floating-icon:nth-child(4){bottom:20%;right:10%;animation-delay:6s}.wave-decoration{position:absolute;bottom:0;left:0;width:100%;height:60px;background:var(--color-bg);clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%)}.skills-page-content{padding:2rem;max-width:1200px;margin:0 auto}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes floatIcon{0%,to{transform:translateY(0) scale(1);opacity:.1}50%{transform:translateY(-20px) scale(1.1);opacity:.2}}.stat-item:hover .stat-number{transform:scale(1.1);color:#fff}.stat-item:hover .stat-label{opacity:1;transform:translateY(-2px)}.dark .header-title,.dark .stat-item{color:var(--color-accent)}.dark .header-subtitle,.dark .header-description,.dark .floating-icon{color:var(--color-text)}@media (max-width: 768px){.header-title{font-size:2.5rem}.header-subtitle{font-size:1.2rem}.header-description{font-size:1rem;padding:0 1rem}.skills-stats{flex-direction:column;gap:1.5rem}.page-header{padding:3rem 1rem 4rem}.skills-page-content{padding:1rem}.floating-icon{font-size:1.5rem}}@media (max-width: 480px){.header-title{font-size:2rem}.header-subtitle{font-size:1.1rem}.skills-stats{gap:1rem}.stat-number{font-size:2rem}.page-header{padding:2rem 1rem 3rem}.wave-decoration{height:40px}}@media (max-width: 320px){.header-title,.stat-number{font-size:1.8rem}.skills-stats{gap:.8rem}}.skills-display{width:100%}.skills-display .header-seaction{display:flex;align-items:center;justify-content:space-between;padding:1rem}.skills-title{font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:1.5rem;text-align:center}.skills-toggle{display:flex;justify-content:center}.show-more-btn{border:none;outline:none;font-size:1rem;font-weight:500;background-color:inherit;color:var(--color-accent);cursor:pointer;transition:all .3s ease}.show-more-btn:hover{transform:translateY(-5px)}.skills-display.home-skills{text-align:center;margin:1rem auto;width:90%;padding:1rem 1rem 1.5rem;border-radius:1rem}.skills-display.home-skills:hover{transform:translateY(-5px);box-shadow:0 6px 10px #0000001f,0 12px 24px #0000002e;transition:all .3s ease}.skills-display.home-skills .skills-container{justify-content:center;align-items:center;width:100%}.skills-display.home-skills .skills-title{font-size:2rem;margin-bottom:2rem;position:relative}.skills-display.home-skills .skills-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-accent);border-radius:2px}.skills-filter{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;justify-content:center}.filter-btn{border:none;outline:none;padding:1rem;background-color:var(--color-bg);color:var(--color-text-secondary);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 8px 6px 2px #0003;border-radius:12px;border-bottom:3px solid var(--color-accent)}.dark .filter-btn{box-shadow:0 8px 6px 2px #ffffff1a}.filter-btn:hover{color:var(--color-accent);transform:translateY(-1px)}.filter-btn.active{background:var(--color-accent);color:#fff}.skills-container{display:grid;gap:1rem;margin-bottom:1.5rem}.skills-container.compact.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skills-container.compact.list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skills-display.home-skills .skills-container.list{margin:0 auto}.skills-container.detailed.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skills-container.detailed.list{grid-template-columns:1fr}.skill-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:slideInUp .6s ease forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.skill-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-hover);border-color:var(--color-border-hover)}.skill-card:hover:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--skill-color, var(--color-accent));animation:shimmer .5s ease}@keyframes shimmer{0%{width:0}to{width:100%}}.skills-container.compact .skill-card{padding:.75rem;min-height:auto;background:var(--color-bg-secondary);border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skills-container.compact.list .skill-card{flex:0 0 auto;padding:.75rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.skills-container.compact .skill-card:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00000026}.skills-display.home-skills .skill-card{animation-duration:.8s;width:10rem;border-radius:10px!important;border:0!important;display:flex;flex-direction:column;gap:1rem}.skills-display.home-skills .skill-card .skill-icon{width:60px!important;height:60px!important}.skills-display.home-skills .skill-card:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 12px 30px #0003}.skills-container.detailed .skill-card{flex-direction:column;align-items:flex-start;padding:1.5rem;min-height:180px}.skills-container.detailed.list .skill-card{flex-direction:row;min-height:auto}.skill-icon-wrapper{flex-shrink:0}.skills-container.detailed .skill-icon-wrapper{margin-bottom:.5rem}.skills-container.detailed.list .skill-icon-wrapper{margin-bottom:0}.skills-container.detailed .skill-icon{width:60px;height:60px}.skill-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skills-container.compact .skill-content{gap:.25rem}.skill-name{font-weight:600;color:var(--color-text);font-size:.975rem}.skills-container.detailed .skill-name{font-size:1.125rem}.skill-level{display:flex;align-items:center;gap:.5rem}.level-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.level-badge.beginner{background:#ef44441a;color:#ef4444}.level-badge.intermediate{background:#f59e0b1a;color:#f59e0b}.level-badge.advanced{background:#22c55e1a;color:#22c55e}.skill-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4;margin:0}.skill-category{font-size:.75rem;color:var(--color-text-secondary);text-transform:capitalize;font-weight:500;opacity:.8}@media (max-width: 768px){.skills-display.home-skills{width:100%}.skills-display .header-seaction{flex-direction:column}.skills-container.compact.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skills-container.detailed.grid{grid-template-columns:1fr}.skills-filter{overflow-x:auto;padding-bottom:.5rem}.filter-btn{white-space:nowrap}.skills-title{font-size:1.5rem;text-align:left}}@media (max-width: 480px){.skills-container.compact.list{flex-direction:column}.skills-container.compact.list .skill-card{flex:1;width:100%}.skill-card{padding:.75rem}.skills-container.detailed .skill-card{padding:1rem}}.skill-icon{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid;transition:var(--transition);position:relative;overflow:hidden}.skill-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.skill-card:hover .skill-icon:before{left:100%}.size-md{width:36px;height:36px}.size-lg{width:42px;height:42px}.size-xl{width:48px;height:48px}.projects-preview-section{padding:5rem 10%;max-width:1400px;margin:0 auto;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.header-content{flex:1}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--color-text);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1rem;color:var(--color-text-secondary);line-height:1.5;font-family:Dancing Script,cursive}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f633}.view-all-link:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.arrow-icon{transition:transform .3s ease}.view-all-link:hover .arrow-icon{transform:translate(2px,-2px)}.projects-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.project-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:18px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--box-shadow);position:relative;animation:cardSlideIn .6s ease forwards}.project-card:hover{transform:translateY(-8px);box-shadow:var(--box-shadow-hover);border-color:var(--color-border-hover)}.card-image-container{position:relative;height:200px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .card-image{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0000004d);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.project-card:hover .image-overlay{opacity:1}.overlay-content{width:100%}.projects-preview-section .project-status{display:inline-block;padding:.25rem .75rem;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-preview-content{padding:1.25rem}.preview-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;line-height:1.3}.preview-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.75rem;min-height:2.4rem}.preview-role{color:var(--color-accent);font-size:.8rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.preview-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;align-items:center}.skill-chip{padding:.25rem .6rem;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:12px;font-size:.7rem;font-weight:500;transition:all .2s ease}.skill-chip:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-1px)}.skills-more{color:var(--color-accent);font-size:.7rem;font-weight:600;opacity:.8}.card-footer{display:flex;justify-content:space-between;align-items:center}.project-links{display:flex;gap:.5rem}.preview-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease}.preview-link:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-2px)}.show-more-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-accent);text-decoration:none;font-size:.8rem;font-weight:600;padding:.3rem .6rem;border-radius:12px;transition:all .3s ease}.show-more-link:hover{background:#3b82f61a;transform:translate(2px)}.details-arrow{transition:transform .3s ease}.show-more-link:hover .details-arrow{transform:translate(2px)}.details-arrow.rtl{transform:rotate(180deg)}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s;pointer-events:none}.project-preview-card:hover .card-shine{left:100%}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}50%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .view-all-link{box-shadow:0 4px 15px #60a5fa33}.dark .view-all-link:hover{box-shadow:0 6px 20px #60a5fa4d}@media screen and (max-width: 1200px){.projects-preview-section{padding:4rem 8%}.projects-preview-grid{gap:1.5rem}}@media screen and (max-width: 900px){.projects-preview-section{padding:3rem 5%}.section-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.projects-preview-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.view-all-link{width:100%;justify-content:center}}@media screen and (max-width: 600px){.projects-preview-section{padding:2rem 5%}.projects-preview-grid{grid-template-columns:1fr;gap:1.5rem}.card-preview-content{padding:1rem}.card-footer{flex-direction:column;gap:.75rem;align-items:stretch}.show-more-link{justify-content:center}}[dir=rtl] .section-header,[dir=rtl] .card-footer{direction:rtl}[dir=rtl] .show-more-link:hover{transform:translate(-2px)}[dir=rtl] .show-more-link:hover .details-arrow{transform:translate(-2px) scaleX(-1)}.projects-page{min-height:100vh;background:var(--color-bg)}.projects-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:40px 0}.projects-header-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.projects-title{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:0 0 12px;font-family:var(--font-family)}.projects-subtitle{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 20px;line-height:1.5}.projects-stats{display:flex;justify-content:center;align-items:center;gap:15px;font-size:.95rem;color:var(--color-text-secondary)}.stat-item strong{color:var(--color-accent);font-weight:600}.stat-separator{color:var(--color-border-hover);font-weight:700}.projects-controls{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:20px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-container{max-width:1200px;margin:0 auto;padding:0 20px}.filter-row{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:15px}.filter-group{display:flex;align-items:center;gap:10px}.filter-label{font-weight:500;color:var(--color-text);font-size:.9rem;white-space:nowrap;min-width:80px}.filter-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:var(--transition);min-width:150px}.filter-select:hover{border-color:var(--color-border-hover)}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.reset-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-left:auto}.reset-btn svg{width:16px;height:16px}.reset-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.results-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--color-text-secondary);padding-top:15px;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:10px}.highlight{color:var(--color-accent);font-weight:600}.active-filters{display:flex;gap:8px;flex-wrap:wrap}.active-filter{display:flex;align-items:center;gap:5px;padding:4px 8px;background:var(--color-accent);color:#fff;border-radius:12px;font-size:.8rem;font-weight:500}.active-filter button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;margin-left:3px;border-radius:50%}.active-filter button:hover{background:#fff3}.projects-content{max-width:1200px;margin:0 auto;padding:40px 20px;opacity:0;transform:translateY(20px);transition:all .4s ease}.projects-content.loaded{opacity:1;transform:translateY(0)}.empty-state{text-align:center;padding:60px 20px;max-width:500px;margin:0 auto}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-state h3{color:var(--color-text);font-size:1.3rem;margin-bottom:8px;font-weight:600}.empty-state p{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.empty-action{padding:10px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);font-size:.9rem}.empty-action:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--box-shadow-hover)}@media (max-width: 768px){.projects-header{padding:30px 0}.projects-title{font-size:2rem}.projects-stats{flex-direction:column;gap:8px}.stat-separator{display:none}.filter-row{flex-direction:row;align-items:center;gap:1rem;justify-content:space-between}.filter-group{flex-direction:column;align-items:stretch;gap:5px}.filter-label{min-width:auto;font-size:.85rem}.filter-select{min-width:auto;width:100%}.reset-btn{margin-left:0;justify-content:center}.results-info{align-items:stretch;gap:8px}}@media (max-width: 480px){.projects-header{padding:20px 0}.projects-title{font-size:1.8rem}.projects-subtitle{font-size:1rem}.projects-controls{padding:15px 0}.projects-content{padding:30px 20px}}.filter-select:focus-visible,.reset-btn:focus-visible,.empty-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.filter-select option{background:var(--color-bg);color:var(--color-text)}.projects-content:not(.loaded){pointer-events:none}.filter-select:hover{box-shadow:var(--box-shadow)}.active-filter{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (prefers-contrast: high){.filter-select,.reset-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.projects-content,.active-filter{transition:none;animation:none}}.project-details-page{min-height:100vh;background:var(--color-bg);position:relative}.project-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:2rem}.back-link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:all .3s ease}.back-link:hover{color:var(--color-accent-hover)}.project-hero{position:relative;padding:8rem 10% 5rem;overflow:hidden;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.hero-background{position:absolute;inset:0;z-index:1}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,var(--color-accent) 1px,transparent 0);background-size:40px 40px;opacity:.03;animation:patternMove 20s linear infinite}.hero-content{position:relative;z-index:2;max-width:1200px;display:flex;align-items:flex-start;animation:heroSlideIn 1s cubic-bezier(.4,0,.2,1) forwards}.hero-text{flex:3}.hero-sidebar{flex:2}.info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;padding:2rem;box-shadow:var(--box-shadow-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sidebarSlideIn 1.2s cubic-bezier(.4,0,.2,1) forwards;position:sticky;top:2rem}.info-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.info-header .info-header-log{display:flex;align-items:center;gap:1rem}.info-header .info-header-log svg{color:var(--color-accent)}.info-header .info-header-log span{font-size:1.1rem;font-weight:700;color:var(--color-text)}.info-items{display:flex;gap:1.5rem;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:45%}.info-item.tech{width:calc(100% - 1rem)}.info-item:hover{transform:translateY(-2px);box-shadow:var(--box-shadow);border-color:var(--color-accent)}.info-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.info-item.tech .info-content{flex-direction:row;align-items:center;justify-content:space-between}.info-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;font-weight:600;color:var(--color-text)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--color-text-secondary)}.breadcrumb a{color:var(--color-accent);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--color-accent-hover)}.project-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--color-text);margin-bottom:1rem;line-height:1.2;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleSlideIn 1.2s cubic-bezier(.4,0,.2,1) forwards}.project-tagline{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem;max-width:600px;animation:taglineSlideIn 1.4s cubic-bezier(.4,0,.2,1) forwards}.hero-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2.5rem;animation:metaSlideIn 1.6s cubic-bezier(.4,0,.2,1) forwards}.meta-item{display:flex;flex-direction:column;gap:.3rem}.meta-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:1rem;font-weight:600;color:var(--color-text)}.hero-sidebar .status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hero-sidebar .status-badge.completed{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.hero-sidebar .status-badge.ongoing{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.3)}.dark .hero-sidebar .status-badge.completed{background:#22c55e26;color:#4ade80}.dark .hero-sidebar .status-badge.ongoing{background:#f9731626;color:#fb923c}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;animation:actionsSlideIn 1.8s cubic-bezier(.4,0,.2,1) forwards}.hero-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.hero-btn.primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 20px #3b82f64d}.hero-btn.primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.hero-btn.secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.hero-btn.secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.image-slider-section{padding:3rem 10%;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.image-slider-section.visible{opacity:1;transform:translateY(0)}.slider-container{max-width:1000px;margin:0 auto}.slider-wrapper{position:relative;display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.slider-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;transition:all .3s ease;z-index:2}.slider-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:scale(1.1)}.slider-main{flex:1}.main-image-container{position:relative;width:100%;height:400px;border-radius:20px;overflow:hidden;background:var(--color-bg-secondary);box-shadow:var(--box-shadow-hover)}.main-image{width:100%;height:100%;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(1.1)}.main-image.loaded{opacity:1;transform:scale(1)}.image-number{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-thumbnails{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.thumbnail{width:80px;height:50px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .3s ease;background:none;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail.active{border-color:var(--color-accent);transform:scale(1.1)}.thumbnail:hover{transform:scale(1.05);border-color:var(--color-border-hover)}.project-content{padding:2rem 10%;max-width:1200px;margin:0 auto}.content-section{margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.content-section.visible{opacity:1;transform:translateY(0)}.content-section .section-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;border-radius:50%;margin-bottom:1.5rem;animation:iconFloat 3s ease-in-out infinite}.project-hero,.image-slider-section,.overview-section,.skills-section,.features-section{scroll-margin-top:calc(var(--nav-bar-height) + 20px)}.content-section .section-icon.overview{background:var(--overview-bg)}.content-section .section-icon.technologies{background:var(--technologies-bg)}.content-section .section-icon.features{background:var(--features-bg)}.content-section .section-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem;line-height:1.3}.section-content{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;max-width:800px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.project-content .skill-item{display:flex;align-items:center;gap:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(20px);opacity:0;animation:skillSlideIn .6s cubic-bezier(.4,0,.2,1) forwards}.skill-item:hover{transform:translateY(-8px);border-color:var(--color-accent-hover);box-shadow:0 12px 30px #3b82f626}.skill-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;flex-shrink:0;transition:all .3s ease}.skill-item:hover .skill-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 15px var(--skill-color)}.skill-name{font-weight:500;color:var(--color-text);font-size:.9rem}.features-list{display:flex;flex-direction:column;gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-30px);opacity:0;animation:featureSlideIn .6s cubic-bezier(.4,0,.2,1) forwards}.feature-item:hover{transform:translate(0) translateY(-2px);border-color:var(--color-accent);box-shadow:0 8px 25px #3b82f61a}.feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--success);color:#fff;border-radius:50%;flex-shrink:0;margin-top:.2rem}.feature-item:hover .feature-icon{box-shadow:0 4px 6px #0000001a,0 8px 20px #22c55e66,0 0 10px #22c55e4d}.feature-text{color:var(--color-text-secondary);line-height:1.6;margin:0}.actions-section{text-align:center;margin-top:5rem;padding:3rem 0;border-top:1px solid var(--color-border)}.actions-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.action-btn.primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 20px #3b82f64d}.action-btn.primary:hover{background:var(--color-accent-hover);transform:translateY(-3px);box-shadow:0 8px 30px #3b82f666}.action-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-border)}.action-btn.secondary:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-3px)}.action-btn.tertiary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.action-btn.tertiary:hover{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-border-hover);transform:translateY(-3px)}.floating-nav{position:fixed;top:50%;right:2rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:100;animation:navSlideIn 2s cubic-bezier(.4,0,.2,1) forwards}.nav-item{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--box-shadow)}.nav-item:hover{color:var(--icon-color);transform:scale(1.1)}.nav-item.home:hover{background:var(--home-bg)}.nav-item.slider:hover{background:var(--slider-bg)}.nav-item.overview:hover{background:var(--overview-bg)}.nav-item.technologies:hover{background:var(--technologies-bg)}.nav-item.features:hover{background:var(--features-bg)}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes taglineSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes metaSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes actionsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes skillSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes featureSlideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-50%) translate(30px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media screen and (max-width: 1200px){.project-hero{padding:6rem 8% 4rem}.project-content{padding:2rem 8%}.image-slider-section{padding:3rem 8%}.floating-nav{right:1.5rem}}@media screen and (max-width: 900px){.project-hero{padding:5rem 5% 3rem}.project-content,.image-slider-section{padding:2rem 5%}.hero-content{flex-direction:column;gap:2rem}.hero-text{flex:1}.hero-sidebar{flex:1;max-width:100%}.info-card{position:static}.slider-wrapper{flex-direction:column;gap:1rem}.slider-btn{width:40px;height:40px}.main-image-container{height:300px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media screen and (max-width: 600px){.project-hero{padding:4rem 5% 2rem}.project-content{padding:1.5rem 5%}.hero-content{flex-direction:column;gap:1.5rem}.info-card{padding:1.5rem}.info-items{gap:1rem}.info-item,.info-item.tech{padding:.75rem 1rem;width:100%}.info-item .info-content{flex-direction:row;align-items:center;justify-content:space-between}.info-icon{width:35px;height:35px}.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%;justify-content:center}.actions-container{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px;justify-content:center}.main-image-container{height:250px}.slider-thumbnails{gap:.5rem}.thumbnail{width:60px;height:40px}.skills-grid{grid-template-columns:1fr}.content-section{margin-bottom:3rem}}[dir=rtl] .breadcrumb,[dir=rtl] .hero-meta,[dir=rtl] .hero-actions,[dir=rtl] .slider-wrapper{direction:rtl}[dir=rtl] .feature-item{direction:rtl;transform:translate(30px)}[dir=rtl] .feature-item:hover{transform:translate(0) translateY(-2px)}[dir=rtl] .floating-nav{left:2rem;right:auto}[dir=rtl] .floating-nav{animation-name:navSlideInRTL}@keyframes navSlideInRTL{0%{opacity:0;transform:translateY(-50%) translate(-30px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.dark .hero-pattern{opacity:.05}.dark .image-number{background:#0f172acc;border:1px solid var(--color-border)}.dark .floating-nav .nav-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer{width:100%;padding:40px 20px 20px;margin-top:auto;background:var(--color-bg-secondary);color:var(--color-text);border-top:1px solid var(--color-border);font-family:var(--font-family);transition:var(--transition)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:var(--color-text);position:relative}.footer-section h3:after{content:"";position:absolute;bottom:-8px;width:30px;height:3px;background:var(--color-accent);border-radius:var(--border-radius);left:0}[dir=rtl] .footer-section h3:after{left:auto;right:0}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition);position:relative;padding-left:0;padding-right:0;display:inline-block}.footer-section ul li a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:var(--transition);color:var(--color-accent)}.footer-section ul li a:hover{padding-left:25px;color:var(--color-accent);transform:translate(5px)}.footer-section ul li a:hover:before{opacity:1;left:0}[dir=rtl] .footer-section ul li a:before{content:"←";left:auto;right:-20px}[dir=rtl] .footer-section ul li a:hover{padding-left:0;padding-right:25px;transform:translate(-5px)}[dir=rtl] .footer-section ul li a:hover:before{left:auto;right:0}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);transition:var(--transition)}.contact-item:hover{color:var(--color-accent);transform:translate(5px)}[dir=rtl] .contact-item:hover{transform:translate(-5px)}.contact-item svg{color:var(--color-accent);flex-shrink:0}[dir=rtl] .contact-item{text-align:right}.social-links{display:flex;gap:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;text-decoration:none;transition:var(--transition)}.social-links a.linkedin{background:var(--linkedin-color)}.social-links a.whatsapp{background:var(--whatsapp-color)}.social-links a.github{background:var(--github-color)}.social-links a.telegram{background:var(--telegram-color)}.social-links a.vk{background:var(--vk-color)}.social-links a:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-hover)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--color-border)}.footer-bottom p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}[dir=rtl] .footer-bottom{text-align:center}[dir=rtl] .footer-section,[dir=rtl] .footer-section ul{text-align:right}@media (max-width: 768px){.footer{padding:30px 15px 15px}.footer-content{grid-template-columns:1fr;gap:30px}.social-links{justify-content:center}.social-links a{width:40px;height:40px}.footer-section ul li a:hover{padding-left:20px}[dir=rtl] .footer-section ul li a:hover{padding-left:0;padding-right:20px}[dir=rtl] .social-links{justify-content:center}}@media (max-width: 480px){.footer-content{gap:25px}.footer-section h3{font-size:1.1rem}.social-links{gap:12px}}[dir=rtl] .footer{font-family:"Noto Sans Arabic","Cairo","Amiri",var(--font-family)}[dir=rtl] .footer-section h3{text-align:right}[dir=rtl] .contact-info{align-items:flex-start}.footer-section ul li a,.contact-item,.footer-section h3:after{transition:var(--transition)}.footer-section ul li a:focus,.social-links a:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius)}@media (prefers-contrast: high){.footer{border-top-width:2px}.social-links a{border-width:2px}.footer-section h3:after{height:4px}}