@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&display=swap";:root{--primary-color: #4a90e2;--secondary-color: #d35400;--accent-color: #e74c3c;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #c0392b;--dark-color: #1a1a2e;--darker-color: #16213e;--card-bg: #0f3460;--glass-bg: #16213e;--section-bg: #1a1a2e;--alt-section-bg: #16213e;--text-color: #e8e8e8;--text-muted: #a0a0a0;--text-light: #707070;--white: #ffffff;--nav-text: #e8e8e8;--gradient-primary: #4a90e2;--gradient-secondary: #d35400;--gradient-hero: #1a1a2e;--gradient-glow: #16213e;--gradient-text: #4a90e2;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 2px 0 #000000;--shadow-md: 0 4px 6px -1px #000000;--shadow-lg: 0 10px 15px -3px #000000;--shadow-glow: 0 0 20px #4a90e2;--shadow-card: 0 10px 30px -5px #000000;--border-light: #2d2d44;--glass-border: 1px solid #2d2d44}html{overflow-x:hidden;width:100%;max-width:100vw;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Poppins,sans-serif;line-height:1.7;color:var(--text-color);background-color:var(--dark-color);overflow-x:hidden;text-align:center;width:100%;max-width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.cursor-hidden,body.cursor-hidden *{cursor:none!important}.section-title{font-size:3rem;margin-bottom:60px;color:var(--text-color);text-align:center;font-weight:700;letter-spacing:0;position:relative;display:inline-block}.section-title:after{display:none}h1,h2,h3,h4,h5,h6{text-align:center;color:var(--text-color);margin-bottom:1rem}p{text-align:center;color:var(--text-muted)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #2d2d44;box-shadow:var(--shadow-card)}.glass-card{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #2d2d44;box-shadow:var(--shadow-lg);transition:var(--transition)}.glass-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:#4a90e2}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-color);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.lottie-container{width:200px;height:200px}.nav-container{position:fixed;top:0;width:100%;z-index:1000;background:#16213e;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid #2d2d44;padding:20px 0;transition:all .4s ease}.nav-container.scrolled{padding:15px 0;background:#1a1a2e;box-shadow:var(--shadow-sm);border-bottom:1px solid #2d2d44}.nav-content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 20px;width:100%;max-width:1200px;box-sizing:border-box}.nav-container .logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#e2e8f0;display:flex;align-items:center}.nav-container .logo.musical-orchestra-logo{color:inherit!important}.nav-container .logo.musical-orchestra-logo .navbar-logo-text{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.1em!important}.nav-container .logo.musical-orchestra-logo span{display:inline-block!important;opacity:1!important;animation:inherit!important;color:inherit!important}.nav-container .logo.musical-orchestra-logo span[style*="color: #ff6b6b"]{color:#ff6b6b!important;animation:bounce 2s ease-in-out infinite!important}.nav-container .logo.musical-orchestra-logo span[style*="color: #4ecdc4"]{color:#4ecdc4!important;animation:bounce 2s ease-in-out infinite!important}.nav-container .logo.musical-orchestra-logo span[style*="color: #45b7d1"]{color:#45b7d1!important;animation:bounce 2s ease-in-out infinite!important}.nav-container .logo.musical-orchestra-logo span[style*="color: #96ceb4"]{color:#96ceb4!important;animation:bounce 2s ease-in-out infinite!important}.nav-container .logo.musical-orchestra-logo span[style*="color: #ffeaa7"]{color:#ffeaa7!important;animation:bounce 2s ease-in-out infinite!important}.nav-container .logo.musical-orchestra-logo span[style*="color: #dda0dd"]{color:plum!important;animation:bounce 2s ease-in-out infinite!important}.nav-container .logo .letter{display:inline-block;opacity:0;animation:continuousType 3s infinite}.nav-container .logo .space{margin:0 6px;opacity:0;animation:continuousType 3s infinite}.nav-container .logo .letter[data-letter=Y]{animation-delay:.1s}.nav-container .logo .letter[data-letter=o]{animation-delay:.2s}.nav-container .logo .letter[data-letter=u]{animation-delay:.3s}.nav-container .logo .letter[data-letter=s]:nth-of-type(1){animation-delay:.4s}.nav-container .logo .letter[data-letter=s]:nth-of-type(2){animation-delay:.5s}.nav-container .logo .letter[data-letter=e]:nth-of-type(1){animation-delay:.6s}.nav-container .logo .letter[data-letter=f]{animation-delay:.7s}.nav-container .logo .space{animation-delay:.8s}.nav-container .logo .letter[data-letter=R]{animation-delay:.9s}.nav-container .logo .letter[data-letter=a]{animation-delay:1s}.nav-container .logo .letter[data-letter=j]{animation-delay:1.1s}.nav-container .logo .letter[data-letter=e]:nth-of-type(2){animation-delay:1.2s}.nav-container .logo .letter[data-letter=h]{animation-delay:1.3s}@keyframes continuousType{0%,90%,to{opacity:0;transform:translate(-5px)}10%,80%{opacity:1;transform:translate(0)}}.animated-logo .letter:first-child,.animated-logo .letter:nth-child(9){font-weight:800;color:var(--accent-color)}@media (max-width: 768px){.animated-logo{font-size:1.2rem!important;letter-spacing:.5px!important;margin-left:20px!important}}@media (max-width: 480px){.animated-logo{font-size:1rem!important;letter-spacing:.2px!important;margin-left:15px!important}}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-link{color:var(--nav-text);text-decoration:none;font-weight:500;position:relative;padding:.5rem 1rem;transition:all .3s ease}.nav-link:before,.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.nav-link:after{bottom:-2px;background:var(--accent-color)}.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-link:hover:before,.nav-link:hover:after{width:80%}.nav-link:before{box-shadow:0 0 10px var(--primary-color)}.nav-link{letter-spacing:0;transition:letter-spacing .3s ease}.nav-link:hover{letter-spacing:1px}.nav-link{padding:5px 10px;border-radius:4px;background:transparent;transition:all .3s ease}.nav-link:hover{background:#0f3460}.nav-link{position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#d35400;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.nav-link:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(20);opacity:0}}.hamburger{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:5px;margin-left:20px}.hamburger:hover{color:var(--primary-color);transform:rotate(90deg)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#000;position:relative;overflow:hidden}.dot-grid-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{width:100%;padding:0 20px;opacity:1;transform:translateY(0);transition:var(--transition);box-sizing:border-box;max-width:800px;margin:0 auto;position:relative;z-index:10}.hero h1{font-size:3.5rem;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.typing-text{font-size:2rem;color:#c084fc;margin-bottom:30px;width:100%;text-align:center;min-height:2.4rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:visible;text-shadow:0 0 20px rgba(192,132,252,.5),2px 2px 4px rgba(0,0,0,.8);font-weight:600}.typing-text .typed-cursor,.typed-cursor,#typed .typed-cursor,.typed-cursor-blink{display:none!important;opacity:0!important;visibility:hidden!important}@keyframes blink{0%,to{opacity:0}50%{opacity:0}}.typed-cursor{animation:none!important}.hero-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:var(--transition-bounce);will-change:transform,background-color}.primary-btn{background:var(--primary-color);color:var(--white)}.primary-btn:hover{background:#2563eb;transform:translateY(-3px)}.secondary-btn{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-btn:hover{background:var(--primary-color);color:var(--white);transform:translateY(-3px)}.about{padding:100px 20px;background-color:var(--section-bg);width:100%;box-sizing:border-box}.about-text{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}.about-text p{text-align:center;margin-bottom:1.5rem;line-height:1.8;color:var(--text-color);font-size:1.1rem}.about-text p:first-child{font-size:1.2rem;font-weight:500}.skills{padding:120px 20px;background:var(--alt-section-bg);position:relative;overflow-x:hidden;overflow-y:visible;text-align:center;width:100%;max-width:100vw;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.skills:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,rgba(59,130,246,.15) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 45% 15%,rgba(245,158,11,.1) 0%,transparent 35%),radial-gradient(circle at 75% 35%,rgba(59,130,246,.08) 0%,transparent 30%),radial-gradient(circle at 25% 85%,rgba(139,92,246,.08) 0%,transparent 30%);animation:neuralPulse 12s ease-in-out infinite;pointer-events:none;z-index:0}.skills:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 45%,rgba(59,130,246,.1) 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(139,92,246,.1) 50%,transparent 55%),linear-gradient(90deg,transparent 48%,rgba(245,158,11,.08) 50%,transparent 52%);background-size:200px 200px,180px 180px,250px 250px;animation:neuralFlow 20s linear infinite;pointer-events:none;z-index:0}.skills .section-title{font-size:3.5rem;margin-bottom:30px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;font-weight:800;letter-spacing:-1px;text-shadow:0 0 30px rgba(59,130,246,.3);animation:titlePulse 4s ease-in-out infinite}.skills .section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.8) 25%,rgba(139,92,246,.8) 50%,rgba(245,158,11,.8) 75%,transparent 100%);border-radius:2px;animation:titleUnderline 3s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}}@keyframes titleUnderline{0%,to{opacity:.6;transform:translate(-50%) scaleX(1)}50%{opacity:1;transform:translate(-50%) scaleX(1.1)}}.skills-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:60px;position:relative;z-index:2}.category-filter{padding:12px 24px;background:var(--glass-bg);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-light);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;letter-spacing:.5px}.category-filter:hover,.category-filter.active{background:var(--gradient-primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:transparent}.skill-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1400px;margin:0 auto;justify-items:center;width:100%;position:relative;z-index:2;padding:40px 0}.skill{position:relative;width:280px;height:240px;opacity:0;transform:translateY(60px) scale(.8);transition:all .8s cubic-bezier(.175,.885,.32,1.275);will-change:transform,opacity;perspective:1000px}.skill.animate{opacity:1;transform:translateY(0) scale(1)}.skill-card{position:relative;width:100%;height:100%;background:var(--glass-bg);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:20px 18px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 32px #3b82f61a,inset 0 1px #ffffff1a}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;border-radius:20px;transition:all .4s ease;z-index:-1}.skill-card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:22px;opacity:0;transition:all .4s ease;z-index:-2}.skill:hover .skill-card{transform:translateY(-15px) scale(1.03);border-color:#3b82f680;box-shadow:0 20px 60px #3b82f640,0 8px 32px #3b82f626,inset 0 1px #fff3}.skill:hover .skill-card:before{opacity:.05}.skill:hover .skill-card:after{opacity:.8}.skill-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.skill-icon{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;transition:all .4s ease;flex-shrink:0}.skill-icon img{width:24px;height:24px;transition:all .4s ease;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.skill:hover .skill-icon{background:#3b82f633;border-color:#3b82f699;box-shadow:0 0 20px #3b82f666;transform:scale(1.1)}.skill:hover .skill-icon img{filter:drop-shadow(0 0 12px rgba(59,130,246,.8))}.skill-progress{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative;margin-bottom:10px}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:3px;width:0%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.skill.animate .progress-bar{width:var(--percentage)}.progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-20px)}to{transform:translate(100px)}}.skill-name{font-size:1rem;font-weight:700;color:var(--text-color);letter-spacing:.3px;transition:all .4s ease;margin:0;flex:1}.skill:hover .skill-name{color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.4)}.skill-description{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-bottom:15px;transition:all .4s ease}.skill:hover .skill-description{color:var(--text-light)}.skill-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skill-level{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .4s ease}.skill:hover .skill-level{color:#3b82f6cc}.skill-years{font-size:.75rem;color:var(--text-muted);font-weight:500;transition:all .4s ease}.skill:hover .skill-years{color:var(--text-light)}.skill-percentage{position:absolute;top:-25px;right:0;font-size:.75rem;font-weight:600;color:var(--primary-color);opacity:0;transition:all .4s ease;transform:translateY(10px)}.skill.animate .skill-percentage{opacity:1;transform:translateY(0)}.skill[data-category=programming] .skill-card:after{background:var(--gradient-primary)}.skill[data-category=web] .skill-card:after{background:var(--gradient-secondary)}.skill[data-category=database] .skill-card:after{background:var(--gradient-success)}.skill[data-category=networking] .skill-card:after{background:linear-gradient(135deg,#8b5cf6,#a855f7)}@keyframes neuralPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes neuralFlow{0%{background-position:0% 0%,0% 0%,0% 0%}to{background-position:200px 200px,-180px -180px,250px 0%}}@keyframes neuralPulseRing{0%{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes neuralActivation{0%{opacity:0;transform:scale(.8);border-color:#3b82f633}50%{opacity:1;transform:scale(1.1);border-color:#3b82f6cc}to{opacity:.7;transform:scale(1.2);border-color:#3b82f666}}.skill:nth-child(odd){animation:organicFloat 8s ease-in-out infinite}.skill:nth-child(2n){animation:organicFloat 8s ease-in-out infinite;animation-delay:4s;animation-direction:reverse}@keyframes organicFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-8px) rotate(0)}75%{transform:translateY(-20px) rotate(-1deg)}}.skill:hover{animation:none!important}.skills:after{content:"";position:absolute;top:0;left:0;width:0;height:0}.projects{padding:100px 20px;background-color:var(--section-bg);text-align:center;width:100%;box-sizing:border-box;overflow:hidden;position:relative}.project-filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:40px}.filter-btn{display:flex;align-items:center;justify-content:center;padding:8px 20px;border:2px solid #e2e8f0;background:var(--white);color:var(--text-muted);border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:var(--shadow-sm)}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto;width:100%;padding:0 20px;box-sizing:border-box;justify-items:center;align-items:start}.project-card{width:100%;max-width:280px;height:260px;margin:0 auto;transform:translateY(50px);opacity:0;transition:all .8s ease;position:relative;z-index:1;perspective:1000px}.project-card.visible{transform:translateY(0);opacity:1}.project-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;cursor:pointer;transform-origin:center}.project-card-inner.flipped{transform:rotateY(180deg)!important}.project-card-front,.project-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;overflow:hidden}.project-card-front{transform:rotateY(0);z-index:2}.project-card-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:#f8fafc;color:#222}.project-card-back p{margin-bottom:20px;font-size:.95em;line-height:1.5}.project-card-back .view-project-btn{color:#fff;background:#3b82f6;padding:8px 18px;border-radius:8px;text-decoration:none;transition:all .3s ease}.project-card-back .view-project-btn:hover{background:#2563eb;transform:translateY(-2px)}.project-image{position:relative;height:150px;overflow:hidden;border-radius:16px 16px 0 0}.project-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.project-title{margin:12px 0;color:#222;background:#ffffffd9;padding:4px 12px;border-radius:8px;font-size:1.1em;position:absolute;bottom:20px;left:50%;transform:translate(-50%);white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.project-content{padding:12px 15px 10px;height:calc(100% - 150px);display:flex;flex-direction:column;justify-content:flex-start;position:relative;margin-top:6px}.project-content h3{color:#2c3e50;font-weight:700;font-size:1.1rem;margin-bottom:6px;text-align:center;line-height:1.3}.project-content p{color:#64748b;font-size:.85rem;line-height:1.5;text-align:center;margin:0;opacity:0;transform:translateY(10px);transition:all .3s ease}.project-card:hover .project-content p{opacity:1;transform:translateY(0)}.project-bottom{padding:15px 20px 20px;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#fff,#ffffffe6)}.project-links{display:flex;gap:15px}.project-link{width:40px;height:40px;background:linear-gradient(135deg,#f05a28,#728fbf);border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#728fbf,#f05a28);transition:left .3s ease}.project-link:hover:before{left:0}.project-link i{position:relative;z-index:1}.project-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f05a284d}.project-tech{display:none}.project-logo{position:absolute;top:12px;right:12px;width:50px;height:50px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;z-index:10}.project-card:hover .project-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px #f05a2833}.project-logo .circle{display:none}.project-logo .circle4{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:transparent}.project-logo .circle4 .project-icon{width:28px;height:28px;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 8px #00000026}.contact{padding:100px 20px;background-color:var(--alt-section-bg);text-align:center;width:100%;box-sizing:border-box}.contact-container{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;text-align:center;width:100%;max-width:1200px;box-sizing:border-box}.contact-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;background:var(--card-bg);padding:30px;border-radius:8px;box-shadow:none;border:1px solid #2d2d44}.form-group{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.form-group input,.form-group textarea{width:100%;text-align:center;padding:12px;background:var(--darker-color);border:1px solid #2d2d44;border-radius:4px;color:var(--text-color);font-size:1rem;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:var(--darker-color);box-shadow:none}.submit-btn{margin:20px auto;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--white);border:none;padding:12px 30px;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease}.submit-btn:hover{background:#3a7bc8;transform:none;box-shadow:none}.contact-info{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:600px;margin:0 auto}.contact-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:var(--text-muted);background:var(--card-bg);padding:20px;border-radius:4px;border:1px solid #2d2d44}.contact-item i{margin-bottom:10px;font-size:1.5rem;color:var(--primary-color)}@media (max-width: 768px){.contact-item i{font-size:1.8rem;margin-bottom:12px}}@media (max-width: 480px){.contact-item i{font-size:1.6rem;margin-bottom:10px}}.contact-item a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.contact-item a:hover{color:var(--primary-color);transform:none}.footer{background-color:var(--section-bg);padding:30px 20px;text-align:center;border-top:1px solid #2d2d44}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.social-links a{color:var(--text-muted);font-size:1.5rem;transition:var(--transition)}@media (max-width: 768px){.social-links a{font-size:1.8rem}}@media (max-width: 480px){.social-links a{font-size:1.6rem}}.social-links a:hover{color:var(--primary-color);transform:none}.footer p{color:var(--text-muted)}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}@media (max-width: 768px){.scroll-top{width:55px;height:55px;font-size:1.6rem;bottom:20px;right:20px}}@media (max-width: 480px){.scroll-top{width:50px;height:50px;font-size:1.4rem;bottom:15px;right:15px}}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{background:#2563eb;transform:translateY(-5px);box-shadow:var(--shadow-md)}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:var(--transition);z-index:1001;box-shadow:var(--shadow-lg)}.close-menu{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}@media (max-width: 1200px){.nav-content,.project-grid,.contact-container{max-width:95%;padding:0 20px}.hero h1{font-size:3rem;text-align:center}.typing-text{font-size:1.8rem;text-align:center}.section-title{text-align:center}}@media (max-width: 992px){.hero h1{font-size:2.8rem;text-align:center}.typing-text{font-size:1.6rem;text-align:center}.section-title{font-size:2.2rem;text-align:center}.skill-container{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:30px}.skill{width:130px}.circle{width:110px;height:110px}.inner-circle{width:75px;height:75px}.about-content{grid-template-columns:1fr;gap:50px;text-align:center;align-items:center;max-width:800px;min-height:auto}.about-image{max-width:320px;justify-self:center;margin:0 auto;aspect-ratio:1}.about-text{text-align:center;padding-top:0;max-width:600px;margin:0 auto;font-size:1.1rem}.about-text p{text-align:center;margin-bottom:22px}.about-text p:first-child{font-size:1.15rem;text-align:center}.cv-button{text-align:center;margin-top:30px}}@media (max-width: 768px){body{padding-top:70px}.nav-container{padding:0 15px;width:100%;box-sizing:border-box;height:70px;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;max-width:none;padding:0}.nav-container .logo{font-size:1.5rem;flex-shrink:0}.nav-links{display:none}.hamburger{display:block;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;padding:8px;margin:0;z-index:1100;position:relative}.hamburger:hover{color:var(--primary-color)}.hero-content{padding:0 15px;text-align:center;width:100%;box-sizing:border-box}.hero-content h1{font-size:2rem!important}.hero-content p,.hero-subtitle{font-size:1.5rem!important}.typing-text{font-size:1.4rem;width:100%;white-space:normal;height:auto;line-height:1.2}.about{padding:60px 15px;width:100%}.about-text{padding:0 15px;text-align:center;width:100%}.about-text p{font-size:.9rem;text-align:center}.experience-list{padding-left:0!important;margin-left:0!important;text-align:left!important;list-style:none!important}.experience-list-item{display:flex!important;align-items:flex-start!important;gap:2px!important;margin-bottom:8px!important;padding-left:0!important;margin-left:0!important;text-indent:0!important;list-style:none!important}.experience-list-item span:not(.bullet){color:#1e293b!important;text-align:left!important;font-size:.75rem!important;line-height:1.3!important;flex:1!important;padding:0!important;margin:0!important}.experience-list-item .bullet{color:var(--primary-color)!important;flex-shrink:0!important;width:auto!important;font-size:.9rem!important;line-height:1.3!important;margin:0!important;padding:0!important;text-align:left!important;display:inline-block!important}.experience-card{background:#fff!important;padding:15px!important}.skill-container{grid-template-columns:repeat(4,1fr)!important;gap:15px!important;padding:0 10px!important;background:transparent!important;background-color:transparent!important}.skill{width:100%!important;max-width:100%!important;height:auto!important;margin-bottom:0!important;background:none!important;box-shadow:none!important;border:none!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.skill.animate{background:none!important}.skill .glass-card{width:85px!important;height:98px!important;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;background:#4a90e2!important;background-color:#4a90e2!important;padding:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;position:relative!important;border-radius:0!important;overflow:visible!important}.skill .glass-card:after,.skill .glass-card:before{background:none!important;background-color:transparent!important;box-shadow:none!important}.skill .glass-card:after{display:none!important}.skill-icon,.skill-description,.skill-details,.skill-footer,.progress-bg,.progress-fill,.skill-level-row,.skill-header div{display:none!important}.skill-header{display:flex!important;margin:0!important;padding:0!important}.skill-name{font-size:.5rem!important;color:#fff!important;font-weight:700!important;text-align:center!important;line-height:1.1!important;margin:0!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;display:block!important}.skill .glass-card:before{content:attr(data-percentage) "%"!important;font-size:1.3rem!important;font-weight:800!important;color:#fff!important;margin-bottom:4px!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;display:block!important;background:none!important;background-color:transparent!important}.project-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important;padding:0 20px!important}.project-grid .glass-card{width:140px!important;height:161px!important;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;background:#d35400!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;border:none!important;border-radius:0!important;overflow:visible!important;margin:0 auto!important}.project-grid .glass-card:hover,.project-grid .glass-card:active{transform:none!important}.project-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important}.project-image{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.project-overlay{display:flex!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:linear-gradient(to top,#000000b3,#0000004d)!important;opacity:1!important;padding:0!important;align-items:center!important;justify-content:center!important}.project-overlay p{display:none!important}.view-project-btn{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:transparent!important;color:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;opacity:1!important;transform:none!important;z-index:10!important;cursor:pointer!important}.project-overlay h3{display:block!important;font-size:1.1rem!important;color:#fff!important;font-weight:700!important;text-align:center!important;line-height:1.3!important;margin:0!important;padding:12px!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;opacity:1!important;transform:none!important;position:relative!important;z-index:5!important;pointer-events:none!important}.circle{width:80px;height:80px}.inner-circle{width:55px;height:55px}.inner-circle img{width:35%;height:35%}.skill p{font-size:.85rem;margin-top:8px}.skill-level{font-size:.45rem!important;color:#6b7280!important;font-weight:600!important}.skill-progress{height:2px!important;margin-bottom:2px!important}.contact-container{padding:0 15px;grid-template-columns:1fr;width:100%}.contact-form{width:100%;padding:20px;box-sizing:border-box}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box}.contact-info{width:100%;margin-top:30px}.contact-info-item{text-align:center}.contact-info-item i{margin-bottom:10px}.project-card{width:100%;margin:10px auto;height:200px;perspective:600px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:0 10px}.project-card-inner{border-radius:15px}.project-glass{border-radius:10px 30% 10px 10px;background:#ffffff1f;backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%)}.project-content{padding:8px 12px 0}.project-image{height:80px}.project-content h3{font-size:1rem;margin-bottom:0;padding:8px 12px;text-align:center}.project-content p{display:none}.project-content{padding:0}.project-logo .circle1{width:80px}.project-logo .circle2{width:65px;top:12px;right:12px}.project-logo .circle3{width:50px;top:20px;right:20px}.project-logo .circle4{width:35px;top:28px;right:28px}.project-logo .circle4 .project-icon{width:18px;height:18px}.project-bottom{padding:10px 15px}.project-tech{max-width:65%}.project-tech span{font-size:.75rem;padding:3px 6px}.project-link{width:35px;height:35px;font-size:1rem}.experience-item{width:100%;margin:10px 0}.skills-container{padding:0 15px}.category-btn{width:100%;margin:5px 0}.category-section{padding:0 15px}.mobile-nav{width:100%;padding:20px}.mobile-nav a{font-size:1.2rem;padding:15px 0;color:var(--nav-text);text-decoration:none;transition:color .3s ease}.mobile-nav a:hover{color:var(--primary-color)}.close-menu{top:20px;right:20px}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;max-width:300px}.contact-form{padding:20px}.form-group input,.form-group textarea{text-align:center}.submit-btn{width:100%;max-width:300px}.contact-info{align-items:center}.contact-item{text-align:center}.project-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:300px}.experience-item{text-align:center}.cv-button{text-align:center;margin-top:30px}}@media screen and (max-width: 768px){.project-card{max-width:100%;height:auto;min-height:100px}.project-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px}.project-card-inner{height:auto;min-height:100px}.project-content{padding:6px 6px 4px;height:auto;min-height:28px;position:relative;margin-top:3px}.project-content h3{font-size:.7rem;margin-bottom:2px;color:#2c3e50;line-height:1.1}.project-content p{opacity:1;transform:translateY(0);font-size:.55rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.project-image{height:55px}.project-logo{top:4px;right:4px;width:24px;height:24px}.project-logo .circle4 .project-icon{width:14px;height:14px}.project-bottom{padding:4px 6px 6px;position:relative;background:#fff}.project-link{width:26px;height:26px;font-size:.75rem}}@media screen and (max-width: 480px){.project-card,.project-card-inner{min-height:300px}.project-content{padding:20px 15px 15px;min-height:90px;margin-top:12px}.project-content h3{font-size:1.1rem;margin-bottom:8px}.project-content p{font-size:.85rem;line-height:1.4}.project-image{height:130px}.project-logo{width:45px;height:45px}.project-logo .circle4 .project-icon{width:25px;height:25px}.project-link{width:40px;height:40px;font-size:1rem}}@media screen and (max-width: 360px){.project-card,.project-card-inner{min-height:280px}.project-content{padding:18px 12px 12px;min-height:80px;margin-top:10px}.project-content h3{font-size:1rem;margin-bottom:6px}.project-content p{font-size:.8rem;line-height:1.3}.project-image{height:120px}.project-bottom{padding:12px 15px 15px}.project-link{width:38px;height:38px;font-size:.95rem}.skill{height:130px;margin-bottom:6px}.skill-card{padding:6px 4px}.skill-header{margin-bottom:3px}.skill-icon{width:20px;height:20px}.skill-icon img{width:12px;height:12px}.skill-name{font-size:.7rem}.skill-description{font-size:.55rem;margin-bottom:3px;line-height:1.1}.skill-details{margin-bottom:2px}.skill-level{font-size:.5rem}.skill-progress{height:2px;margin-bottom:2px}.skill-percentage{font-size:.55rem}}.cv-button{margin-top:auto;text-align:center;padding-top:10px}.cv-button .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.cv-button .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cv-button .btn i{font-size:1.1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.skill:nth-child(odd){animation:float 6s ease-in-out infinite}.skill:nth-child(2n){animation:floatReverse 6s ease-in-out infinite;animation-delay:1s}.experience{padding:100px 20px;background-color:var(--section-bg);text-align:center;width:100%;box-sizing:border-box}.experience-container{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:800px;margin:0 auto}.experience-item{width:100%;text-align:center;background:var(--white);border:1px solid #e2e8f0;border-radius:20px;padding:30px;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(-50px) translateY(20px);will-change:transform,opacity;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.experience-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));opacity:0;transition:all .4s ease;transform:scaleY(0);transform-origin:top}.experience-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);opacity:0;transition:all .6s ease;transform:scale(0);pointer-events:none}.experience-item.visible{opacity:1;transform:translate(0) translateY(0)}.experience-item:nth-child(2n){transform:translate(50px) translateY(20px)}.experience-item:nth-child(2n).visible{transform:translate(0) translateY(0)}.experience-item:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-lg);border-color:var(--primary-color);background:var(--white)}.experience-item:hover:before{opacity:1;transform:scaleY(1)}.experience-item:hover:after{opacity:1;transform:scale(1)}.experience-header{margin-bottom:20px}.experience-header h3{color:var(--text-color);font-size:1.4rem;margin-bottom:8px;font-weight:600;transition:all .3s ease;text-align:center}.experience-item:hover .experience-header h3{color:var(--primary-color);transform:translateY(-2px)}.company{color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:5px;transition:all .3s ease;text-align:center}.experience-item:hover .company{transform:translate(3px);text-shadow:0 0 8px rgba(59,130,246,.3)}.duration{color:var(--text-muted);font-size:.95rem;font-style:italic;transition:all .3s ease;text-align:center}.experience-item:hover .duration{color:var(--text-color);transform:translate(3px)}.experience-content ul{display:flex;flex-direction:column;align-items:center;list-style:none;padding:0;margin-bottom:20px}.experience-content li{text-align:center;padding-left:0;color:var(--text-muted);margin-bottom:12px;position:relative;line-height:1.6;transition:all .3s ease}.experience-content li:before{display:none}.experience-item:hover .experience-content li{transform:translate(2px)}.experience-item:hover .experience-content li:before{transform:scale(1.1) translate(1px);color:var(--text-color);text-shadow:0 0 3px var(--primary-color)}.experience-tech{justify-content:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.experience-tech span{background:#f05a281a;color:var(--primary-color);padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:500;border:1px solid rgba(240,90,40,.2);transition:all .3s ease}.experience-tech span:hover{background:#f05a2833;transform:translateY(-2px);box-shadow:0 4px 12px #f05a2833}.notification{position:fixed;top:20px;right:20px;z-index:99999;background:#fffffff2;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #fff3;border-left:4px solid var(--primary-color);opacity:0;transform:translate(100%);transition:all .4s cubic-bezier(.4,0,.2,1);max-width:400px;min-width:300px;pointer-events:auto}.notification.show{opacity:1;transform:translate(0)}.notification-success{border-left-color:#10b981;background:#10b9811a}.notification-error{border-left-color:#ef4444;background:#ef44441a}.notification-content{padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notification-message{color:var(--dark-color);font-size:15px;font-weight:500;line-height:1.5;flex:1}.notification-close{background:none;border:none;color:var(--dark-color);cursor:pointer;font-size:20px;font-weight:700;padding:0;margin:0;line-height:1;transition:color .2s ease;flex-shrink:0;opacity:.7}.notification-close:hover{opacity:1;color:var(--primary-color)}.notification-success .notification-message,.notification-success .notification-close{color:#065f46}.notification-error .notification-message,.notification-error .notification-close{color:#7f1d1d}.contact-form .submit-btn:disabled{opacity:.7;cursor:not-allowed;background:#888}@media (max-width: 768px){.notification{position:fixed!important;top:20px!important;right:10px!important;left:10px!important;z-index:999999!important;max-width:none!important;min-width:auto!important;width:calc(100vw - 20px)!important;margin:0!important;box-sizing:border-box!important;transform:translateY(-100%)!important;opacity:0!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.notification.show{opacity:1!important;transform:translateY(0)!important}.notification-content{padding:16px 20px!important;font-size:14px!important}.notification-message{font-size:14px!important;line-height:1.4!important}.notification-close{font-size:18px!important;padding:4px!important;margin:-4px!important}}@media (max-width: 480px){.notification{top:10px!important;right:5px!important;left:5px!important;width:calc(100vw - 10px)!important}.notification-content{padding:12px 16px!important}.notification-message{font-size:13px!important}}.skill-container,.project-grid,.contact-container,.experience-container{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}img{max-width:100%;height:auto;box-sizing:border-box}section{width:100%;overflow-x:hidden;box-sizing:border-box}@media screen and (min-width: 390px) and (max-width: 428px){.project-content{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:15px 10px 10px!important;height:80px!important;position:absolute!important;bottom:50px!important;left:0!important;right:0!important;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)!important;z-index:5!important;margin-top:15px!important}.project-content h3{display:block!important;visibility:visible!important;opacity:1!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;text-align:center!important;padding:8px 12px!important;margin:0!important;background:#00000080!important;border-radius:8px!important;z-index:10!important;position:relative!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.project-card{height:280px!important;width:100%!important;max-width:350px!important;margin:0 auto!important}.project-image{height:200px!important;border-radius:15px 15px 0 0!important}.project-bottom{padding:15px!important;margin-top:10px!important;background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:0 0 15px 15px!important}}@media screen and (max-width: 480px){.notification{top:10px!important;right:5px!important;left:5px!important;width:calc(100vw - 10px)!important}.notification-content{padding:12px 16px!important}.notification-message{font-size:13px!important}.skill{height:160px;margin-bottom:10px}.skill-card{padding:10px 8px}.skill-header{margin-bottom:6px}.skill-icon{width:28px;height:28px}.skill-icon img{width:16px;height:16px}.skill-name{font-size:.8rem}.skill-description{font-size:.65rem;margin-bottom:6px;line-height:1.2}.skill-details{margin-bottom:4px}.skill-level{font-size:.6rem}.skill-progress{height:3px;margin-bottom:4px}.skill-percentage{font-size:.65rem}}.admin-access-btn{transition:all .3s ease;border-top:1px solid rgba(255,255,255,.1);margin-top:20px!important;opacity:.3}.admin-access-btn:hover{opacity:.7!important;background:#f05a281a!important;transform:translate(5px)}.admin-access-btn:active{opacity:1!important;background:#f05a2833!important;transform:scale(.98)}.admin-access-btn i{transition:all .3s ease}.admin-access-btn:hover i{transform:rotate(90deg);color:#f05a28}@media (min-width: 769px){.admin-access-btn{display:none!important}}@media (max-width: 768px){.admin-access-btn{font-size:16px;padding:18px 0!important;position:relative;overflow:hidden}.admin-access-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(240,90,40,.1),transparent);transition:left .5s ease}.admin-access-btn:active:before{left:100%}}.animated-name{display:none}.ai-assistant{position:fixed;bottom:30px;right:30px;z-index:1000;cursor:pointer;display:flex;align-items:center;transition:transform .3s ease}.ai-assistant:hover{transform:scale(1.05)}.ai-animation{width:80px;height:80px;background:var(--white);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.ai-tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);background:var(--white);padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-color);box-shadow:var(--shadow-md);margin-right:10px;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap}.ai-assistant:hover .ai-tooltip{opacity:1}@media (max-width: 768px){.ai-assistant{bottom:20px;right:20px}.ai-animation{width:60px;height:60px}}@media (max-width: 768px){.hamburger{display:block}.nav-links{display:none}}.typing-text{min-width:320px;width:100%;max-width:100%;text-align:center;height:2.4rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}.hamburger i{color:#333!important;font-size:2rem!important;display:inline-block!important;vertical-align:middle}@media (max-width: 768px){.hamburger i{font-size:2.2rem!important}}@media (max-width: 480px){.hamburger i{font-size:2rem!important}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;opacity:0;transition:opacity .3s}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-nav{position:fixed;top:0;right:-100vw;width:85vw;max-width:400px;height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;z-index:1001;display:flex;flex-direction:column;padding:2rem 1.5rem;box-shadow:-4px 0 20px #0000004d;transition:right .4s cubic-bezier(.77,.2,.05,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1)}.mobile-nav.active{right:0}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.mobile-nav-logo{font-size:2rem;font-weight:700;letter-spacing:2px;color:#00e6d0}.close-menu{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.mobile-nav .nav-link{opacity:0;transform:translate(30px);transition:opacity .3s,transform .3s;font-size:1.2rem;margin:1rem 0;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.mobile-nav.active .nav-link{opacity:1;transform:translate(0)}.mobile-nav .nav-link:nth-child(2){transition-delay:.05s}.mobile-nav .nav-link:nth-child(3){transition-delay:.1s}.mobile-nav .nav-link:nth-child(4){transition-delay:.15s}.mobile-nav .nav-link:nth-child(5){transition-delay:.2s}.mobile-nav .nav-link:nth-child(6){transition-delay:.25s}.mobile-nav .nav-link:nth-child(7){transition-delay:.3s}.mobile-nav .nav-link:nth-child(8){transition-delay:.35s}@media (min-width: 768px){.mobile-nav,.mobile-menu-overlay{display:none!important}}.hamburger{display:block;position:relative;z-index:1100}@media (min-width: 768px){.hamburger{display:none}}.fab-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:none}.fab-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00e6d0,#2563eb);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #00e6d04d;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:1002}.fab-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #00e6d066}.fab-button.active{transform:rotate(45deg);background:linear-gradient(135deg,#dc2626,#ea580c)}.fab-menu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:15px;opacity:0;visibility:hidden;transform:scale(.8) translateY(20px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.fab-menu.active{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.fab-item{width:50px;height:50px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#333;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative}.fab-item svg{width:20px;height:20px;fill:currentColor}.fab-item:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.fab-home{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.fab-home:hover{background:linear-gradient(135deg,#ff5252,#d63031)}.fab-about{background:linear-gradient(135deg,#4ecdc4,#00b894);color:#fff}.fab-about:hover{background:linear-gradient(135deg,#00cec9,#00a085)}.fab-experience{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff}.fab-experience:hover{background:linear-gradient(135deg,#fdcb6e,#d63031)}.fab-skills{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.fab-skills:hover{background:linear-gradient(135deg,#5f3dc4,#845ef7)}.fab-projects{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.fab-projects:hover{background:linear-gradient(135deg,#f783ac,#e91e63)}.fab-contact{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.fab-contact:hover{background:linear-gradient(135deg,#5dade2,#3498db)}.fab-library{background:linear-gradient(135deg,#a8e6cf,#2ecc71);color:#fff}.fab-library:hover{background:linear-gradient(135deg,#87d37c,#27ae60)}@media (max-width: 768px){.fab-container{display:block}.fab-item{width:55px;height:55px;font-size:1.3rem}.fab-item svg{width:22px;height:22px}.fab-button{width:65px;height:65px;font-size:1.6rem}}@media (min-width: 769px){.fab-container{display:none!important}}@media screen and (max-width: 480px){.skill{height:120px;margin-bottom:6px}.skill-card{padding:6px 4px;background:#fffffff2!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 2px 8px #0000001a!important}.skill-header{margin-bottom:2px}.skill-icon{width:28px;height:28px}.skill-icon img{width:18px;height:18px}.skill-name{font-size:.7rem;color:#1f2937!important;font-weight:700!important}.skill-description{font-size:.55rem;margin-bottom:2px;line-height:1.1;color:#374151!important}.skill-details{margin-bottom:2px}.skill-level{font-size:.5rem;color:#6b7280!important;font-weight:600!important}.skill-progress{height:2px;margin-bottom:2px}.skill-percentage{font-size:.55rem}}@media screen and (max-width: 360px){.skill{height:100px;margin-bottom:4px}.skill-card{padding:3px 2px;background:#fffffff2!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 2px 8px #0000001a!important}.skill-header{margin-bottom:1px}.skill-icon{width:22px;height:22px}.skill-icon img{width:14px;height:14px}.skill-name{font-size:.6rem;color:#1f2937!important;font-weight:700!important}.skill-description{font-size:.45rem;margin-bottom:1px;line-height:1.05;color:#374151!important}.skill-details{margin-bottom:1px}.skill-level{font-size:.4rem;color:#6b7280!important;font-weight:600!important}.skill-progress{height:1px;margin-bottom:1px}.skill-percentage{font-size:.45rem}}@media screen and (max-width: 480px){.skill-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 4px}}@media screen and (max-width: 360px){.skill-container{grid-template-columns:1fr;gap:6px;padding:0 2px}}@media screen and (max-width: 900px){.skill-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;padding:0 8px!important}.skill,.skill-card{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}}@media screen and (max-width: 600px){.skill-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 4px!important}.skill,.skill-card{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}}@media screen and (max-width: 360px){.skill-container{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:0 2px!important}.skill,.skill-card{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}}@media screen and (max-width: 600px){.skill,.skill-card{height:90px!important;min-height:0!important;padding:6px 4px!important;border:1px solid rgba(59,130,246,.3)!important;background:#fffffff2!important;box-shadow:0 2px 8px #0000001a!important}.skill-header{margin-bottom:2px!important}.skill-icon{width:20px!important;height:20px!important}.skill-icon img{width:14px!important;height:14px!important}.skill-name{font-size:.65rem!important;color:#1f2937!important;font-weight:700!important}.skill-description{font-size:.5rem!important;margin-bottom:2px!important;line-height:1.1!important;color:#374151!important}.skill-details{margin-bottom:2px!important}.skill-level{font-size:.45rem!important;color:#6b7280!important;font-weight:600!important}.skill-progress{height:2px!important;margin-bottom:2px!important}.skill-percentage{font-size:.45rem!important}}@media (max-width: 768px){.nav-link,.fab-item,.contact-item,.social-links a,.scroll-top{min-height:44px;min-width:44px}.skill-icon{border-width:2px;box-shadow:0 2px 8px #3b82f633}.fab-item{box-shadow:0 6px 20px #00000026}.contact-item i{text-shadow:0 1px 3px rgba(59,130,246,.3)}.skill:active .skill-card,.skill-card:active{transform:scale(.98)!important;background:#fff!important;border-color:#3b82f680!important;box-shadow:0 4px 12px #3b82f633!important}.skill:active .skill-name{color:#1e40af!important}.skill:active .skill-description{color:#1f2937!important}.skill:active .skill-level{color:#4b5563!important}}.fab-icon-label{display:none;position:absolute;right:100%;top:50%;transform:translateY(-50%) translate(-8px);background:#000000b3;color:#fff;font-size:.65rem;font-weight:500;padding:2px 8px;border-radius:4px;white-space:nowrap;z-index:10;pointer-events:none;opacity:.95;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media (max-width: 600px){.fab-item{position:relative}.fab-icon-label{display:block}}#experience,#contact,#projects,#skills,#about,#hero{display:block!important;opacity:1!important;visibility:visible!important;position:relative;z-index:1}.experience-item,.contact-form,.contact-item{opacity:1!important;visibility:visible!important}.experience{padding:100px 20px}.experience-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.experience-card{padding:40px;border-radius:24px;background:#fff;box-shadow:0 10px 30px -10px #0000000d;border:1px solid rgba(0,0,0,.05);margin-bottom:20px;transition:transform .3s ease}.experience-header-grid{display:grid;grid-template-columns:1fr auto;gap:20px;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:20px;align-items:flex-start}.experience-title{font-size:1.5rem;color:#1e293b;margin:0 0 5px;text-align:left;font-weight:700}.experience-company{font-size:1.1rem;color:#6366f1;font-weight:600;text-align:left}.experience-duration{background:#f8fafc;padding:8px 16px;border-radius:50px;font-size:.9rem;color:#64748b;font-weight:600;height:fit-content;white-space:nowrap}.experience-list{list-style:none;padding:0;margin-bottom:25px;text-align:left;display:flex;flex-direction:column;gap:12px}.experience-list-item{color:#475569;display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:1rem}.bullet{color:#6366f1;font-size:1.2em;line-height:1;margin-top:2px}.experience-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 16px;background:#f1f5f9;color:#475569;border-radius:50px;font-size:.85rem;font-weight:600;border:1px solid #e2e8f0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroContentReveal{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(25px) scale(.95);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes buttonsReveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.experience-card{padding:25px}.experience-header-grid{grid-template-columns:1fr;gap:15px;text-align:center;justify-items:center}.experience-info{display:flex;flex-direction:column;align-items:center;width:100%}.experience-title{font-size:1.3rem;text-align:center;margin-bottom:5px}.experience-company{text-align:center}.experience-duration{align-self:center;margin-top:5px}.experience-list{text-align:center;align-items:center}.experience-list-item{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:5px}.bullet{display:none}.experience-tech-stack{justify-content:center}.section-title{font-size:2.5rem}.hero{align-items:flex-start;padding-top:100px}.hero-content{padding:1rem!important;margin-top:0}.hero-content h1{font-size:2.5rem!important;margin-bottom:1rem!important}.typing-text{font-size:1.5rem!important}.experience-container{padding:0 10px}.experience-item{padding:20px!important}.experience-header{flex-direction:column;align-items:flex-start}.contact-container{flex-direction:column;align-items:center}.contact-form{width:100%;padding:20px!important}.contact-info{width:100%}.nav-links{display:none!important}}@media (max-width: 480px){.hero{padding-top:80px}.hero-content{padding:.5rem!important}.hero-content h1{font-size:2rem!important;margin-bottom:.75rem!important}.hero-subtitle,.typing-text{font-size:1.25rem!important}.hero-buttons{gap:10px!important}.hero-buttons .btn{padding:14px 30px!important;font-size:1rem!important}}@media (max-width: 768px){.skills-categories{position:relative;z-index:100!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px}.category-filter{position:relative;z-index:101!important;pointer-events:auto!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(99,102,241,.3);touch-action:manipulation;min-height:44px;min-width:44px;padding:12px 20px}.category-filter:active{transform:scale(.97);background:var(--gradient-primary)!important;color:#fff!important}.project-filters{position:relative;z-index:100!important}.filter-btn{position:relative;z-index:101!important;pointer-events:auto!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(99,102,241,.3);touch-action:manipulation;min-height:44px;min-width:44px}.filter-btn:active{transform:scale(.97);background:var(--primary-color)!important;color:#fff!important}#contact{position:relative;z-index:10}#contact form,#contact input,#contact textarea,#contact button{position:relative;z-index:20!important;pointer-events:auto!important}#contact input,#contact textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px!important;touch-action:manipulation}#contact button[type=submit]{-webkit-tap-highlight-color:rgba(99,102,241,.3);touch-action:manipulation;min-height:50px;cursor:pointer!important}#contact button[type=submit]:active{transform:scale(.98)}#contact a{position:relative;z-index:20!important;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(99,102,241,.3);touch-action:manipulation;display:inline-block;min-height:44px;min-width:44px;line-height:44px}#contact a:active{color:var(--primary-color)!important;transform:scale(.98)}#contact>div>div>div:last-child>div{position:relative;z-index:15!important;cursor:pointer;transition:transform .2s ease}#contact>div>div>div:last-child>div:active{transform:scale(.98);background:#6366f10d}#contact>div>div>div:last-child>div a{position:relative;z-index:25!important;display:block;width:100%;text-align:left}.skill-container{position:relative;z-index:10!important}.skill,.skill-card{position:relative;z-index:11!important;pointer-events:auto!important}.project-grid{position:relative;z-index:10!important}.glass-card,.project-card{position:relative;z-index:11!important;pointer-events:auto!important}.view-project-btn{position:relative;z-index:20!important;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(99,102,241,.3);touch-action:manipulation;min-height:44px;min-width:44px}.view-project-btn:active{transform:scale(.97)}}#root{width:100%;min-height:100vh}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background:var(--secondary-color);transform:translateY(-5px);box-shadow:0 6px 20px #0003}.scroll-top i{font-size:1.2rem}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-color);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}.preloader.hidden{opacity:0;pointer-events:none}