.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .4s cubic-bezier(.23,1,.32,1);background:transparent;width:100%}.navbar.always-visible{display:block!important;visibility:visible!important;opacity:1!important}.navbar.scrolled{background:linear-gradient(135deg,var(--bg-glass-strong) 0%,rgba(255,255,255,.6) 50%,var(--bg-glass-strong) 100%);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9;padding:12px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:20px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;align-items:center;gap:8px;list-style:none}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:16px;padding:8px 16px;border-radius:12px;transition:all .7s cubic-bezier(.25,.46,.45,.94);position:relative;background:transparent;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.nav-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:12px;pointer-events:none;opacity:0;transition:opacity .6s ease}.nav-link:hover{color:var(--text-primary);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,var(--glass-layer-2) 0%,var(--glass-layer-1) 50%,var(--glass-layer-2) 100%);border:1px solid rgba(255,255,255,.2);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-depth-2),var(--shadow-depth-3),var(--glow-primary),inset 0 1px #fff6,inset 0 -1px #0000001a;border-radius:16px}.nav-link:hover:before{left:100%}.nav-link:hover:after{opacity:1}.resume-btn{backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.25) 100%)!important;border:1px solid rgba(255,255,255,.2);padding:12px 24px!important;border-radius:24px!important;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff6,inset 0 -1px #0000001a;color:var(--text-primary)!important;margin-left:16px;transition:all .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.resume-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.resume-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:24px;pointer-events:none}.resume-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.35) 100%)!important;transform:translateY(-4px) scale(1.08);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 2px #ffffff80,inset 0 -2px #0000001a;border:1px solid rgba(255,255,255,.3)}.resume-btn:hover:before{left:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;border-radius:8px;transition:all .7s cubic-bezier(.25,.46,.45,.94);color:var(--text-primary);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,var(--bg-glass) 0%,rgba(255,255,255,.4) 50%,var(--bg-glass) 100%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9,inset 0 -1px #0000001a;position:relative;overflow:hidden}.hamburger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.hamburger:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:8px;pointer-events:none}.hamburger:hover{background:linear-gradient(135deg,var(--bg-glass-hover) 0%,rgba(255,255,255,.7) 50%,var(--bg-glass-hover) 100%);transform:scale(1.1);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 2px #fffc,inset 0 -2px #0000001a;border:1px solid rgba(255,255,255,.5)}.hamburger:hover:before{left:100%}@media (max-width: 768px){.navbar{position:fixed!important;top:0!important;z-index:1001!important}.nav-container{padding:0 20px}.nav-menu{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:linear-gradient(135deg,var(--bg-glass-strong) 0%,rgba(255,255,255,.7) 50%,var(--bg-glass-strong) 100%);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-left:1px solid rgba(255,255,255,.4);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:right .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 2px #fff9}.nav-menu.active{right:0}.nav-link{font-size:18px;padding:16px 28px;width:240px;text-align:center;border-radius:20px;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,var(--bg-glass) 0%,rgba(255,255,255,.4) 50%,var(--bg-glass) 100%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9,inset 0 -1px #0000001a;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.nav-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:20px;pointer-events:none}.nav-link:hover{background:linear-gradient(135deg,var(--bg-glass-hover) 0%,rgba(255,255,255,.7) 50%,var(--bg-glass-hover) 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 2px #fffc,inset 0 -2px #0000001a;border:1px solid rgba(255,255,255,.5)}.nav-link:hover:before{left:100%}.resume-btn{width:200px!important;justify-content:center!important;margin-left:0!important}.hamburger{display:flex;z-index:1001}}@media (max-width: 480px){.navbar{position:fixed!important;top:0!important;z-index:1001!important}.nav-menu{width:100%;right:-100%}.nav-menu.active{right:0}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:140px 0 80px}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-text{z-index:2}.hero-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05)}.hero-subtitle{font-size:24px;font-weight:600;color:var(--text-secondary);margin-bottom:24px;line-height:1.3;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;line-height:1.6;color:var(--text-tertiary);margin-bottom:40px;max-width:500px}.hero-buttons{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.hero-social{display:flex;gap:20px;justify-content:flex-start;align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--glass-layer-2) 0%,var(--glass-layer-1) 50%,var(--glass-layer-2) 100%);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-primary);font-size:20px;transition:all .6s cubic-bezier(.25,.46,.45,.94);box-shadow:var(--shadow-depth-1),var(--shadow-depth-2),inset 0 1px #fff6;text-decoration:none;position:relative}.social-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));opacity:0;transition:opacity .6s ease;border-radius:50%}.social-link:hover{background:linear-gradient(135deg,var(--glass-layer-3) 0%,var(--glass-layer-2) 50%,var(--glass-layer-3) 100%);color:#fff;transform:translateY(-6px) scale(1.15);box-shadow:var(--shadow-depth-3),var(--shadow-depth-4),var(--glow-primary),inset 0 2px #ffffff80;border:1px solid rgba(255,255,255,.3)}.social-link:hover:before{opacity:1}.social-link svg{position:relative;z-index:1}.hero-image{display:flex;justify-content:center;align-items:center;z-index:2}.image-container{position:relative;width:400px;height:400px;border-radius:50%;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.image-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-shift);background-size:400% 400%;border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1;animation:gradientShift 6s ease-in-out infinite}.image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 30%,rgba(255,255,255,.1) 70%,rgba(255,255,255,.2) 100%);border-radius:50%;opacity:0;transition:all .4s ease;pointer-events:none}.image-container:hover{transform:scale(1.1) translateY(-8px) rotateY(5deg) rotateX(5deg);box-shadow:0 20px 60px #0003,0 8px 24px #00000026,0 0 40px var(--glow-primary),0 0 80px var(--glow-secondary);filter:brightness(1.1) saturate(1.2)}.image-container:hover:before{opacity:.4}.image-container:hover:after{opacity:1;transform:scale(1.05)}.profile-img{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.image-container:hover .profile-img{transform:scale(1.05);filter:contrast(1.1) brightness(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(48,209,88,.05) 0%,rgba(0,122,255,.05) 50%,rgba(255,214,10,.05) 100%);opacity:.3;transition:all .4s ease;mix-blend-mode:overlay}.image-container:hover .image-overlay{opacity:.6;background:linear-gradient(135deg,rgba(48,209,88,.1) 0%,rgba(0,122,255,.1) 50%,rgba(255,214,10,.1) 100%);transform:scale(1.1)}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.bg-element{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.bg-element-1{width:400px;height:400px;background:radial-gradient(circle,rgba(48,209,88,.3) 0%,rgba(48,209,88,.1) 70%);top:20%;right:10%}.bg-element-2{width:300px;height:300px;background:radial-gradient(circle,rgba(0,122,255,.25) 0%,rgba(0,122,255,.08) 70%);bottom:30%;left:15%}.btn-icon{margin-right:8px}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:48px;text-align:center}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.image-container{width:320px;height:320px}}@media (max-width: 768px){.hero{padding:120px 0 60px}.hero-container{padding:0 20px}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.btn{width:100%;max-width:280px;justify-content:center}.hero-social{justify-content:center}.image-container{width:280px;height:280px}.social-link{width:48px;height:48px;font-size:18px}}@media (max-width: 480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.image-container{width:240px;height:240px}}.about{position:relative;background:transparent}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.about-text .glass-card{padding:40px}.about-text p{font-size:18px;line-height:1.7;color:var(--text-secondary);margin-bottom:24px}.about-text p:last-child{margin-bottom:0}.about-card{padding:40px}.about-card h3{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:32px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.education-item{margin-bottom:24px;padding:20px;background:rgba(255,255,255,.05);border-radius:16px;transition:all .7s cubic-bezier(.25,.46,.45,.94);position:relative}.education-item:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.education-item:last-child{margin-bottom:0}.education-item h4{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.education-item p{font-size:16px;font-weight:500;color:var(--accent-green);margin-bottom:8px}.education-item span{font-size:14px;color:var(--text-tertiary)}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:48px}.section-title{font-size:40px}}@media (max-width: 768px){.about{padding:80px 0}.section-header{margin-bottom:48px}.section-title{font-size:32px}.section-subtitle{font-size:18px}.about-text .glass-card,.about-card{padding:32px}.about-text p{font-size:16px}.education-item{padding:20px}.education-item h4{font-size:18px}}@media (max-width: 480px){.about-text .glass-card,.about-card{padding:24px}.education-item{padding:16px}}.company{position:relative;background:transparent;padding:120px 0}.company-content{max-width:900px;margin:0 auto}.company-card{padding:3rem;border-radius:24px;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.company-card:hover{transform:translateY(-8px) scale(1.02);transition:all .4s cubic-bezier(.23,1,.32,1)}.company-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.company-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 8px 24px #00000026;flex-shrink:0}.company-title-section{flex:1}.company-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.company-role{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-description{margin-bottom:2.5rem}.company-description p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin:0}.company-details{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.responsibilities-section h4,.impact-section h4{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.responsibilities-section svg,.impact-section svg{color:var(--accent-green)}.responsibilities-section ul,.impact-section ul{list-style:none;padding:0;margin:0}.responsibilities-section li,.impact-section li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.responsibilities-section li:before,.impact-section li:before{content:"▸";position:absolute;left:0;color:var(--accent-green);font-weight:700}.responsibilities-section li:last-child,.impact-section li:last-child{margin-bottom:0}.company-link{text-align:center}.company-link .btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:16px;text-decoration:none;display:inline-flex;align-items:center;transition:all .4s cubic-bezier(.23,1,.32,1)}.company-link .btn:hover{transform:translateY(-2px) scale(1.05);transition:all .2s cubic-bezier(.23,1,.32,1)}@media (max-width: 768px){.company{padding:80px 0}.section-title{font-size:2.5rem}.company-card{padding:2rem}.company-header{flex-direction:column;text-align:center;gap:1rem}.company-icon{align-self:center}.company-title{font-size:1.5rem}.company-details{grid-template-columns:1fr;gap:2rem}.company-description p{font-size:1rem}}@media (max-width: 480px){.section-title{font-size:2rem}.company-card{padding:1.5rem}.company-title{font-size:1.3rem}.company-role{font-size:1rem}.responsibilities-section h4,.impact-section h4{font-size:1.1rem}.responsibilities-section li,.impact-section li{font-size:.9rem}}.experience{position:relative;background:transparent}.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(135deg,var(--accent-green),var(--accent-yellow));transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem;width:calc(50% - 2rem);padding:2rem}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:calc(50% + 2rem)}.timeline-dot{position:absolute;top:2rem;width:16px;height:16px;background:linear-gradient(135deg,var(--accent-green),var(--accent-yellow));border-radius:50%;border:3px solid var(--bg-primary);box-shadow:0 0 0 3px var(--border-glass)}.timeline-item:nth-child(odd) .timeline-dot{right:-2.5rem}.timeline-item:nth-child(2n) .timeline-dot{left:-2.5rem}.timeline-content{position:relative}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.timeline-content h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.timeline-date{font-size:.9rem;color:var(--accent-green);font-weight:600;background:var(--bg-glass);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--border-glass)}.timeline-content h4{font-size:1.2rem;font-weight:600;color:var(--accent-green);margin-bottom:.25rem}.timeline-location{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.timeline-content ul{list-style:none;padding:0;margin:0}.timeline-content li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.timeline-content li:before{content:"▸";position:absolute;left:0;color:var(--accent-green);font-weight:700}.timeline-content li:last-child{margin-bottom:0}@media (max-width: 768px){.experience{padding:80px 0}.section-title{font-size:2.5rem}.timeline{max-width:100%;padding:0 1rem}.timeline:before{left:50%;transform:translate(-50%)}.timeline-item{width:calc(60% - 1rem);padding:1.75rem;margin-bottom:2.5rem}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:calc(40% + 1rem)}.timeline-dot{width:14px;height:14px}.timeline-item:nth-child(odd) .timeline-dot{right:-2rem}.timeline-item:nth-child(2n) .timeline-dot{left:-2rem}.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-content h3{font-size:1.2rem;line-height:1.3}.timeline-content h4{font-size:1.1rem}.timeline-date{font-size:.85rem;padding:.3rem .6rem}.timeline-location{font-size:.9rem;margin-bottom:1rem}.timeline-content li{font-size:.95rem;padding-left:1.2rem;margin-bottom:.6rem;line-height:1.5}}@media (max-width: 640px){.section-title{font-size:2.2rem}.timeline-item{width:calc(70% - .75rem);padding:1.5rem}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:calc(30% + .75rem)}.timeline-item:nth-child(odd) .timeline-dot{right:-1.75rem}.timeline-item:nth-child(2n) .timeline-dot{left:-1.75rem}}@media (max-width: 480px){.section-title{font-size:2rem}.timeline{padding:0 .75rem}.timeline:before{left:1.5rem;transform:none}.timeline-item{width:calc(100% - 3rem);left:3rem!important;padding:1.5rem;margin-bottom:2rem}.timeline-dot{left:-2.25rem!important;right:auto!important;width:12px;height:12px}.timeline-content h3{font-size:1.1rem}.timeline-content h4{font-size:1rem}.timeline-date{font-size:.8rem}.timeline-location{font-size:.85rem}.timeline-content li{font-size:.9rem;line-height:1.4}}.experience .glass-card:hover,.experience .timeline-item:hover{transform:translateY(-4px) scale(1.02)!important}.experience .timeline-item{transition:all .8s cubic-bezier(.25,.46,.45,.94)}.projects{position:relative;background:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px}.project-card{position:relative;overflow:hidden;transition:all .8s cubic-bezier(.25,.46,.45,.94);border-radius:24px;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,var(--glass-layer-2) 0%,var(--glass-layer-1) 50%,var(--glass-layer-2) 100%);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-depth-1),var(--shadow-depth-2),inset 0 1px #fff6,inset 0 -1px #0000001a}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:24px;pointer-events:none}.project-card:hover{background:linear-gradient(135deg,var(--glass-layer-3) 0%,var(--glass-layer-2) 50%,var(--glass-layer-3) 100%);transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-depth-3),var(--shadow-depth-4),var(--shadow-depth-5),var(--glow-primary),inset 0 2px #ffffff80,inset 0 -2px #0000001a;border:1px solid rgba(255,255,255,.3)}.project-card:hover:before{left:100%}.project-image{position:relative;height:220px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border-radius:20px 20px 0 0;overflow:hidden}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:16px}.project-link{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:50%;color:#fff;font-size:20px;transition:all .7s cubic-bezier(.25,.46,.45,.94);text-decoration:none;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));opacity:0;transition:opacity .6s ease;border-radius:50%}.project-link:hover{transform:scale(1.2);color:#fff}.project-link:hover:before{opacity:1}.project-link svg{position:relative;z-index:1}.project-content{padding:32px}.project-content h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.project-content p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.tech-tag:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:16px;pointer-events:none}.tech-tag:hover{color:var(--accent-green);transform:translateY(-2px) scale(1.05)}.tech-tag:hover:before{left:100%}.project-date{font-size:14px;color:var(--accent-green);font-weight:600;background:var(--accent-light);padding:4px 12px;border-radius:12px;display:inline-block}@media (max-width: 768px){.projects{padding:80px 0}.section-title{font-size:40px}.section-subtitle{font-size:18px}.projects-grid{grid-template-columns:1fr;gap:24px}.project-content{padding:24px}.project-content h3{font-size:20px}.project-image{height:180px}.project-link{width:48px;height:48px;font-size:18px}}@media (max-width: 480px){.section-title{font-size:32px}.section-subtitle{font-size:16px}.project-content{padding:20px}.project-content h3{font-size:18px}.project-content p{font-size:15px}}.project-content-wrapper{position:relative;width:100%;height:100%;min-height:500px;display:flex;flex-direction:column}.project-card{min-height:500px;display:flex;flex-direction:column;opacity:1!important;visibility:visible!important}.project-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-size:24px;font-weight:700;color:var(--text-primary)!important;margin-bottom:12px;line-height:1.3}.project-description{font-size:16px;line-height:1.6;color:var(--text-secondary)!important;margin-bottom:24px}.project-actions{display:flex;gap:12px;margin-top:auto;padding-top:16px}.project-actions .btn{flex:1;text-align:center;padding:12px 20px;font-size:14px;border-radius:12px}.projects{opacity:1!important;visibility:visible!important;display:block!important}.projects-grid{opacity:1!important;visibility:visible!important}.project-card{z-index:1;position:relative}.project-image{flex-shrink:0;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 50%,var(--accent-yellow) 100%);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.project-content-wrapper,.project-card{min-height:450px}.project-actions{flex-direction:column}.project-actions .btn{flex:none}}.projects-debug{border:2px solid red!important;background:rgba(255,0,0,.1)!important}.project-card-debug{border:1px solid blue!important;background:rgba(0,0,255,.1)!important}.skills{position:relative;background:transparent}.section-header{margin-bottom:64px}.section-title{font-size:48px;font-weight:800;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{font-size:20px;color:var(--text-secondary);font-weight:500}.skills-content{display:flex;flex-direction:column;gap:64px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.skills-category{padding:32px}.skills-category h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;transition:all .7s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.skill-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:16px;pointer-events:none}.skill-item:hover{transform:translateY(-4px) scale(1.05)}.skill-item:hover:before{left:100%}.skill-icon{font-size:24px;color:var(--accent-green);min-width:32px;display:flex;align-items:center;justify-content:center}.skill-name{font-weight:600;color:var(--text-primary);flex:1;font-size:16px}.skill-level{width:100px;height:8px;background:var(--bg-glass);border-radius:4px;overflow:hidden;border:1px solid var(--border-glass)}.skill-progress{height:100%;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border-radius:4px;transition:width 1.5s cubic-bezier(.25,.46,.45,.94)}.achievements-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:32px;text-align:center;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.achievement-item{display:flex;align-items:center;gap:16px;padding:24px;transition:all .3s ease}.achievement-item:hover{transform:translateY(-6px)}.achievement-icon{font-size:32px;min-width:48px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.achievement-content h4{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.achievement-content p{font-size:14px;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.skills{padding:80px 0}.section-title{font-size:40px}.section-subtitle{font-size:18px}.skills-grid{grid-template-columns:1fr;gap:24px}.skills-category{padding:24px}.achievements-grid{grid-template-columns:1fr;gap:16px}.achievement-item{padding:20px}.achievements-title{font-size:28px}}@media (max-width: 480px){.section-title{font-size:32px}.skills-category{padding:20px}.skill-item{padding:12px}.skill-level{width:80px}.achievement-item{padding:16px}.achievements-title{font-size:24px}}.contact{position:relative;background:transparent}.section-header{margin-bottom:4rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{font-size:1.2rem;color:var(--text-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;transition:all .6s ease}.contact-item:hover{transform:translateY(-3px)}.contact-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-green),var(--accent-yellow));border-radius:50%;color:#fff;font-size:1.2rem;flex-shrink:0}.contact-details h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.contact-details a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all .6s ease}.contact-details a:hover{color:var(--accent-green)}.contact-form-container{width:100%}.contact-form{padding:2.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem 1.5rem;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.25) 100%);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .7s cubic-bezier(.25,.46,.45,.94);resize:vertical;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff6,inset 0 -1px #0000001a;position:relative}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group textarea:focus{outline:none;background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.35) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,0 0 0 3px #48cc6c26,inset 0 2px #ffffff80,inset 0 -2px #0000001a;border:1px solid rgba(255,255,255,.3)}.submit-btn{width:100%;justify-content:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-icon{margin-right:.5rem}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}.section-title{font-size:2.5rem}}@media (max-width: 768px){.contact{padding:80px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem}.contact-form{padding:2rem}.form-row{grid-template-columns:1fr;gap:0}.contact-item{padding:1.25rem}.contact-icon{width:45px;height:45px;font-size:1.1rem}}@media (max-width: 480px){.contact-form{padding:1.5rem}.form-group input,.form-group textarea{padding:.875rem 1.25rem}.contact-item{padding:1rem}}.status-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid;animation:slideInDown .4s cubic-bezier(.25,.46,.45,.94)}.status-message.success{background:linear-gradient(135deg,rgba(72,204,108,.15) 0%,rgba(72,204,108,.05) 100%);border-color:#48cc6c4d;color:#48cc6c}.status-message.error{background:linear-gradient(135deg,rgba(255,69,58,.15) 0%,rgba(255,69,58,.05) 100%);border-color:#ff453a4d;color:#ff453a}.status-message svg{font-size:18px;flex-shrink:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);padding:3rem 0 2rem;margin-top:4rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:2rem}.footer-text{text-align:center}.footer-text p{color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-text p:last-child{margin-bottom:0}.heart-icon{color:#e74c3c;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-social{display:flex;gap:1rem}.footer-social .social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:50%;color:var(--text-primary);font-size:1.1rem;transition:all .3s ease;text-decoration:none}.footer-social .social-link:hover{background:var(--bg-glass-hover);color:var(--accent-green);transform:translateY(-3px) scale(1.1)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-glass)}.footer-bottom p{color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.footer{padding:2rem 0 1.5rem}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-text p{justify-content:center}}@media (max-width: 480px){.footer-social .social-link{width:40px;height:40px;font-size:1rem}}.App{min-height:100vh;position:relative;background:var(--bg-primary);transition:all .4s cubic-bezier(.25,.46,.45,.94)}main{position:relative;z-index:1}.theme-toggle:hover{transform:scale(1.1);boxShadow:var(--shadow-hover)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;borderRadius:"50%";background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));opacity:0;transition:opacity .3s ease;zIndex:-1}.theme-toggle:hover:before{opacity:.1}.color-scheme-indicator:hover{transform:translateY(-2px) scale(1.02);boxShadow:var(--shadow-hover)}@media (max-width: 768px){.theme-toggle{top:20px!important;right:20px!important;width:48px!important;height:48px!important;padding:12px!important}.theme-toggle svg{width:20px!important;height:20px!important}.color-scheme-indicator{top:20px!important;left:20px!important;fontSize:12px!important;padding:8px 12px!important}}@media (max-width: 480px){.theme-toggle{top:16px!important;right:16px!important;width:44px!important;height:44px!important;padding:10px!important}.theme-toggle svg{width:18px!important;height:18px!important}.color-scheme-indicator{top:16px!important;left:16px!important}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:80px}body{text-rendering:optimizeLegibility;backface-visibility:hidden;perspective:1000px}*,*:before,*:after{transition:all .4s cubic-bezier(.23,1,.32,1)}button,a,.btn,.glass-card,.transparent-glass,.nav-link,.social-link,.project-card,.skill-item,.achievement-item{will-change:transform,box-shadow,background,backdrop-filter}:root{--bg-primary: #f2f2f7;--bg-secondary: #ffffff;--bg-tertiary: #f2f2f7;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-hover: rgba(255, 255, 255, .85);--bg-glass-strong: rgba(255, 255, 255, .9);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #6e6e73;--border-glass: rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 48px rgba(0, 0, 0, .18);--accent-green: #30d158;--accent-yellow: #ffd60a;--accent-blue: #007aff;--accent-light: rgba(48, 209, 88, .1);--glass-layer-1: rgba(255, 255, 255, .15);--glass-layer-2: rgba(255, 255, 255, .25);--glass-layer-3: rgba(255, 255, 255, .35);--shadow-depth-1: 0 2px 8px rgba(0, 0, 0, .04);--shadow-depth-2: 0 4px 16px rgba(0, 0, 0, .06);--shadow-depth-3: 0 8px 32px rgba(0, 0, 0, .08);--shadow-depth-4: 0 16px 64px rgba(0, 0, 0, .12);--shadow-depth-5: 0 32px 128px rgba(0, 0, 0, .16);--glow-primary: 0 0 20px rgba(48, 209, 88, .3);--glow-secondary: 0 0 20px rgba(0, 122, 255, .3);--glow-accent: 0 0 20px rgba(255, 214, 10, .3);--orb-1: radial-gradient(circle, rgba(48, 209, 88, .15) 0%, rgba(48, 209, 88, .03) 70%);--orb-2: radial-gradient(circle, rgba(255, 214, 10, .12) 0%, rgba(255, 214, 10, .02) 70%);--orb-3: radial-gradient(circle, rgba(0, 122, 255, .1) 0%, rgba(0, 122, 255, .02) 70%);--orb-4: radial-gradient(circle, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .1) 70%);--gradient-shift: linear-gradient(45deg, var(--accent-green) 0%, var(--accent-blue) 25%, var(--accent-yellow) 50%, var(--accent-green) 75%, var(--accent-blue) 100%);--mesh-gradient: radial-gradient(circle at 20% 80%, rgba(48, 209, 88, .15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0, 122, 255, .15) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 214, 10, .1) 0%, transparent 50%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--mesh-gradient);z-index:-2;animation:meshShift 20s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 30%);z-index:-1;animation:floatingDots 25s linear infinite}.liquid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;overflow:hidden}.liquid-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 25s ease-in-out infinite;opacity:.8;will-change:transform;transition:background .4s ease}.liquid-orb:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:inherit;border-radius:50%;filter:blur(40px);opacity:.6;animation:pulse 8s ease-in-out infinite}.liquid-orb:after{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:inherit;border-radius:50%;filter:blur(20px);opacity:.4;animation:pulse 12s ease-in-out infinite reverse}.orb-1{width:500px;height:500px;background:var(--orb-1);top:-250px;left:-250px;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--orb-2);top:40%;right:-200px;animation-delay:-8s}.orb-3{width:600px;height:600px;background:var(--orb-3);bottom:-300px;left:25%;animation-delay:-16s}.orb-4{width:350px;height:350px;background:var(--orb-4);top:15%;left:65%;animation-delay:-24s}.orb-5{width:200px;height:200px;background:radial-gradient(circle,rgba(255,69,58,.1) 0%,transparent 70%);top:60%;left:10%;animation-delay:-12s}.orb-6{width:300px;height:300px;background:radial-gradient(circle,rgba(175,82,222,.08) 0%,transparent 70%);bottom:20%;right:15%;animation-delay:-20s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:10px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-shift);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:gradientShift 8s ease-in-out infinite;position:relative}.gradient-text:before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;filter:blur(2px);z-index:-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:24px;text-decoration:none;font-weight:600;font-size:16px;transition:all .7s cubic-bezier(.25,.46,.45,.94);border:none;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,var(--glass-layer-2) 0%,var(--glass-layer-1) 50%,var(--glass-layer-2) 100%);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);box-shadow:var(--shadow-depth-1),var(--shadow-depth-2),var(--shadow-depth-3),inset 0 1px #fff6,inset 0 -1px #0000001a}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .8s cubic-bezier(.25,.46,.45,.94)}.btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:24px;pointer-events:none}.btn:hover{background:linear-gradient(135deg,var(--glass-layer-3) 0%,var(--glass-layer-2) 50%,var(--glass-layer-3) 100%);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-depth-2),var(--shadow-depth-3),var(--shadow-depth-4),var(--glow-primary),inset 0 2px #ffffff80,inset 0 -2px #0000001a;border:1px solid rgba(255,255,255,.3)}.btn:hover:before{left:100%}.btn:active{transform:translateY(-2px) scale(1.02)}.btn-primary{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow-depth-2),var(--shadow-depth-3),var(--glow-primary),inset 0 1px #fff6}.btn-primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);filter:brightness(1.2) saturate(120%);box-shadow:var(--shadow-depth-3),var(--shadow-depth-4),var(--shadow-depth-5),var(--glow-primary),inset 0 2px #fff9;transform:translateY(-6px) scale(1.08)}.btn-secondary{background:linear-gradient(135deg,var(--accent-light) 0%,rgba(255,255,255,.6) 50%,var(--accent-light) 100%);color:var(--accent-green);border:1px solid rgba(255,255,255,.4)}.section-padding{padding:120px 0}.text-center{text-align:center}.glass-card{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,var(--glass-layer-2) 0%,var(--glass-layer-1) 50%,var(--glass-layer-2) 100%);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:32px;box-shadow:var(--shadow-depth-1),var(--shadow-depth-2),var(--shadow-depth-3),inset 0 1px #fff6,inset 0 -1px #0000001a,inset 1px 0 #ffffff4d,inset -1px 0 #0000000d;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;will-change:transform,box-shadow,background,backdrop-filter}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.1) 70%,transparent 100%);border-radius:24px 24px 0 0;pointer-events:none;z-index:1}.glass-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);transform:rotate(-45deg) translate(-100%,-100%);transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:2;opacity:0}.glass-card:hover{background:linear-gradient(135deg,var(--glass-layer-3) 0%,var(--glass-layer-2) 50%,var(--glass-layer-3) 100%);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-depth-2),var(--shadow-depth-3),var(--shadow-depth-4),var(--glow-secondary),inset 0 2px #ffffffb3,inset 0 -2px #0000001a,inset 2px 0 #fff6,inset -2px 0 #0000000d;border:1px solid rgba(255,255,255,.4)}.glass-card:hover:before{background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 30%,rgba(255,255,255,.2) 70%,transparent 100%)}.glass-card:hover:after{transform:rotate(-45deg) translate(100%,100%);opacity:1}.glass-card-premium{backdrop-filter:blur(40px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(110%);background:linear-gradient(135deg,var(--glass-layer-3) 0%,var(--glass-layer-1) 30%,var(--glass-layer-3) 70%,var(--glass-layer-2) 100%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%);border:2px solid;border-image:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.4) 100%) 1;box-shadow:var(--shadow-depth-2),var(--shadow-depth-3),var(--shadow-depth-4),var(--shadow-depth-5),inset 0 2px #fff9,inset 0 -2px #0000001a}.glass-card-floating{transform:translateY(-8px);box-shadow:var(--shadow-depth-3),var(--shadow-depth-4),var(--shadow-depth-5),0 0 40px #ffffff1a}.glass-card-morphing{clip-path:polygon(0% 0%,100% 0%,95% 100%,5% 100%);transition:clip-path .6s cubic-bezier(.25,.46,.45,.94)}.glass-card-morphing:hover{clip-path:polygon(5% 0%,95% 0%,100% 100%,0% 100%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(1deg)}50%{transform:translateY(15px) translate(-15px) rotate(-.5deg)}75%{transform:translateY(-15px) translate(25px) rotate(.5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}opacity: .8; } 50%{transform:scale(1.1);opacity:1}} @keyframes glassShimmer{0% {transform: translateX(-100%);} 100% {transform: translateX(100%);}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes meshShift{0%,to{transform:scale(1) rotate(0);opacity:.8}33%{transform:scale(1.1) rotate(2deg);opacity:.6}66%{transform:scale(.9) rotate(-1deg);opacity:1}}@keyframes floatingDots{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(10px) translate(-15px)}75%{transform:translateY(-15px) translate(20px)}}@keyframes morphShape{0%,to{border-radius:24px}25%{border-radius:50px 24px 24px 50px}50%{border-radius:24px 50px 50px 24px}75%{border-radius:50px 50px 24px 24px}}@keyframes elasticScale{0%{transform:scale(1)}50%{transform:scale(1.1)}75%{transform:scale(.95)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes magneticPull{0%{transform:translate(0) translateY(0)}to{transform:translate(var(--mouse-x, 0)) translateY(var(--mouse-y, 0))}}@keyframes textReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes borderGlow{0%,to{box-shadow:0 0 5px #30d1584d}50%{box-shadow:0 0 20px #30d15899,0 0 30px #007aff66}}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-100px) rotate(180deg);opacity:1}}@keyframes holographicShift{0%,to{background-position:0% 0%;filter:hue-rotate(0deg)}25%{background-position:100% 0%;filter:hue-rotate(90deg)}50%{background-position:100% 100%;filter:hue-rotate(180deg)}75%{background-position:0% 100%;filter:hue-rotate(270deg)}}.ultra-glass{background:linear-gradient(135deg,var(--bg-glass) 0%,rgba(255,255,255,.6) 30%,var(--bg-glass) 70%,rgba(255,255,255,.4) 100%);backdrop-filter:blur(50px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(50px) saturate(200%) brightness(110%);border:1px solid rgba(255,255,255,.4);box-shadow:0 25px 80px #0000001f,0 10px 30px #00000014,inset 0 3px #ffffffb3,inset 0 -3px #0000000d;position:relative;overflow:hidden}.ultra-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:glassShimmer 3s ease-in-out infinite}.ultra-glass:hover{background:linear-gradient(135deg,var(--bg-glass-hover) 0%,rgba(255,255,255,.8) 30%,var(--bg-glass-hover) 70%,rgba(255,255,255,.6) 100%);box-shadow:0 40px 120px #0000002e,0 16px 50px #0000001f,inset 0 4px #fffc,inset 0 -4px #0000000d;border:1px solid rgba(255,255,255,.6)}.hero-title,.hero-subtitle,.hero-description,.hero-buttons,.hero-social,.hero-image,.section-title,.section-subtitle,.about-text,.about-image,.project-card,.skills-category,.achievement-item,.achievements-section{opacity:1!important;visibility:visible!important;color:var(--text-primary)!important}.animate-fadeInUp{opacity:1;animation:fadeInUp 1.2s cubic-bezier(.23,1,.32,1) forwards;will-change:transform,opacity}.animate-fadeInLeft{animation:fadeInLeft 1.2s cubic-bezier(.23,1,.32,1) forwards;will-change:transform,opacity}.animate-fadeInRight{animation:fadeInRight 1.2s cubic-bezier(.23,1,.32,1) forwards;will-change:transform,opacity}.magnetic{transition:transform .4s cubic-bezier(.23,1,.32,1);will-change:transform}.magnetic:hover{transform:translateY(-8px) scale(1.02)}.elastic{transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.elastic:hover{transform:scale(1.05)}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.4);transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.23,1,.32,1),height .8s cubic-bezier(.23,1,.32,1);pointer-events:none}.ripple:hover:after{width:300px;height:300px}.animate-fadeInLeft{opacity:1;animation:fadeInLeft .8s cubic-bezier(.25,.46,.45,.94) forwards}.animate-fadeInRight{opacity:1;animation:fadeInRight .8s cubic-bezier(.25,.46,.45,.94) forwards}.animate-float{animation:float 25s ease-in-out infinite}.animate-pulse{animation:pulse 4s ease-in-out infinite}section{position:relative;overflow:hidden}.color-transition{transition:all .6s cubic-bezier(.25,.46,.45,.94)}body.color-transitioning{transition:all .8s cubic-bezier(.25,.46,.45,.94)}body.color-transitioning *{transition:all .8s cubic-bezier(.25,.46,.45,.94)!important}@media (max-width: 768px){.container{padding:0 20px}.liquid-orb{filter:blur(60px)}.orb-1,.orb-2,.orb-3,.orb-4{width:300px;height:300px}.glass-card{padding:24px}.btn{padding:14px 28px;font-size:15px}}.magnetic{transition:transform .6s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.magnetic:hover{animation:magneticPull .3s ease-out forwards}.morph-shape{animation:morphShape 8s ease-in-out infinite}.elastic{transition:transform .7s cubic-bezier(.68,-.55,.265,1.55)}.elastic:hover{animation:elasticScale .8s cubic-bezier(.68,-.55,.265,1.55)}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.6);transform:translate(-50%,-50%);transition:width .8s,height .8s}.ripple:active:before{width:300px;height:300px;animation:ripple .8s ease-out}.text-glow{text-shadow:0 0 10px rgba(48,209,88,.5),0 0 20px rgba(48,209,88,.3),0 0 30px rgba(48,209,88,.2)}.text-outline{-webkit-text-stroke:2px rgba(255,255,255,.3);text-stroke:2px rgba(255,255,255,.3)}.text-reveal{animation:textReveal 1s cubic-bezier(.25,.46,.45,.94) forwards}.shadow-depth-1{box-shadow:var(--shadow-depth-1)}.shadow-depth-2{box-shadow:var(--shadow-depth-2)}.shadow-depth-3{box-shadow:var(--shadow-depth-3)}.shadow-depth-4{box-shadow:var(--shadow-depth-4)}.shadow-depth-5{box-shadow:var(--shadow-depth-5)}.shadow-colored-green{box-shadow:0 8px 32px #30d1584d}.shadow-colored-blue{box-shadow:0 8px 32px #007aff4d}.shadow-colored-yellow{box-shadow:0 8px 32px #ffd60a4d}.gradient-border{position:relative;background:linear-gradient(135deg,var(--glass-layer-2),var(--glass-layer-1));border-radius:24px}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:var(--gradient-shift);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;animation:gradientShift 4s ease-in-out infinite}.animated-border{position:relative;border:2px solid transparent;background:linear-gradient(135deg,var(--glass-layer-2),var(--glass-layer-1)) padding-box,var(--gradient-shift) border-box;animation:borderGlow 3s ease-in-out infinite}.holographic{background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#ff0080,#ff8c00,#40e0d0);background-size:400% 400%;animation:holographicShift 6s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;animation:particleFloat 8s ease-in-out infinite;pointer-events:none}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:-1s}.particle:nth-child(3){left:30%;animation-delay:-2s}.particle:nth-child(4){left:40%;animation-delay:-3s}.particle:nth-child(5){left:50%;animation-delay:-4s}.particle:nth-child(6){left:60%;animation-delay:-5s}.particle:nth-child(7){left:70%;animation-delay:-6s}.particle:nth-child(8){left:80%;animation-delay:-7s}.particle:nth-child(9){left:90%;animation-delay:-8s}.neumorphic{background:var(--bg-primary);box-shadow:20px 20px 60px #0000001a,-20px -20px 60px #fffc,inset 0 0 #fff0;transition:all .3s ease}.neumorphic:hover{box-shadow:inset 20px 20px 60px #0000000d,inset -20px -20px 60px #fff6}.glass-layer-1{background:var(--glass-layer-1)}.glass-layer-2{background:var(--glass-layer-2)}.glass-layer-3{background:var(--glass-layer-3)}.clip-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.clip-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.clip-arrow{clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.organic-1{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.organic-2{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.organic-3{border-radius:50% 50% 80% 20%/25% 75%}.pattern-dots{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.pattern-grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px)}.floating{animation:float 6s ease-in-out infinite}.floating-delayed{animation:float 6s ease-in-out infinite;animation-delay:-3s}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.glow-accent{box-shadow:var(--glow-accent)}.hover-lift:hover{transform:translateY(-8px) scale(1.02)}.hover-tilt:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}.hover-glow:hover{box-shadow:var(--shadow-depth-4),var(--glow-primary)}.hover-morph:hover{border-radius:50px;transform:scale(1.05)}@media (max-width: 768px){.liquid-orb{filter:blur(60px)}.orb-1,.orb-2,.orb-3,.orb-4,.orb-5,.orb-6{width:250px;height:250px}.glass-card{padding:24px}.btn{padding:12px 24px;font-size:15px}.magnetic:hover{animation:none}.hover-tilt:hover{transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transparent-glass{backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.12) 100%)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 2px #fff9,inset 0 -2px #00000014,inset 2px 0 #ffffff4d,inset -2px 0 #0000000a!important;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)!important;will-change:transform,backdrop-filter,background,box-shadow!important}.transparent-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.05) 80%,transparent 100%);border-radius:inherit;pointer-events:none;z-index:1}.transparent-glass:after{content:"";position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(0deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 50%,transparent 100%);border-radius:inherit;pointer-events:none;z-index:1}.transparent-glass:hover{background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.18) 100%)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014,inset 0 3px #fffc,inset 0 -3px #0000001a,inset 3px 0 #fff6,inset -3px 0 #0000000f!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.transparent-glass:hover:before{background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.1) 80%,transparent 100%)}.glass-shine-effect{position:relative;overflow:hidden}.glass-shine-effect:before{content:"";position:absolute;top:-2px;left:-100%;width:100%;height:calc(100% + 4px);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%);transform:skew(-25deg);transition:left 2s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:3}.glass-shine-effect:hover:before{left:100%}.glass-mirror-effect{position:relative}.glass-mirror-effect:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:inherit;pointer-events:none;z-index:1;transition:opacity .4s cubic-bezier(.23,1,.32,1)}.glass-prism-effect{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.2) 100%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.15) 0%,transparent 70%)}.glass-prism-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .8s cubic-bezier(.23,1,.32,1);z-index:2}.glass-prism-effect:hover:before{opacity:1}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.1);z-index:1000}.scroll-progress-bar{height:100%;background:var(--gradient-shift);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;transition:width .1s ease}.parallax-section{position:relative;overflow:hidden}.parallax-bg{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background-size:cover;background-position:center;will-change:transform}.skill-progress{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-top:8px}.skill-progress-bar{height:100%;background:var(--gradient-shift);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;border-radius:4px;transition:width 2s ease-out;position:relative}.skill-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.flip-card{background-color:transparent;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px}.flip-card-back{transform:rotateY(180deg)}.neon-text{color:var(--accent-green);text-shadow:0 0 5px var(--accent-green),0 0 10px var(--accent-green),0 0 15px var(--accent-green),0 0 20px var(--accent-green);animation:neonFlicker 2s ease-in-out infinite alternate}@keyframes neonFlicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px var(--accent-green),0 0 10px var(--accent-green),0 0 15px var(--accent-green),0 0 20px var(--accent-green)}20%,24%,55%{text-shadow:none}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle-dot{position:absolute;width:2px;height:2px;background:rgba(255,255,255,.5);border-radius:50%;animation:particleMove 20s linear infinite}@keyframes particleMove{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(100px);opacity:0}}.hover-zone{position:relative;overflow:hidden}.hover-zone: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}.hover-zone:hover:before{left:100%}.section-enter{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.dynamic-bg{background-image:radial-gradient(circle at 25% 25%,rgba(48,209,88,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,122,255,.1) 0%,transparent 50%);animation:backgroundShift 10s ease-in-out infinite}@keyframes backgroundShift{0%,to{background-position:0% 0%,100% 100%}50%{background-position:100% 100%,0% 0%}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.timeline-interactive{position:relative}.timeline-interactive:before{background:linear-gradient(to bottom,var(--accent-green) 0%,var(--accent-blue) 50%,var(--accent-yellow) 100%);animation:timelineGlow 3s ease-in-out infinite}@keyframes timelineGlow{0%,to{box-shadow:0 0 10px #30d15880}50%{box-shadow:0 0 20px #007aff80}}.micro-bounce{animation:microBounce .6s ease-in-out}@keyframes microBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.pulse-ring{position:relative}.pulse-ring:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid var(--accent-green);border-radius:50%;transform:translate(-50%,-50%);animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media (max-width: 768px){font-size: 20px;{}}.cursor-trail{display:none}.parallax-bg{position:relative;top:0;left:0;width:100%;height:100%}} .skill-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.skill-icon{font-size:24px;color:var(--accent-green);min-width:30px}.skill-name{flex:1;font-weight:600;color:var(--text-primary)}.skill-progress{width:120px;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;position:relative}.skill-progress-bar{height:100%;background:var(--gradient-shift);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;border-radius:3px;transition:width 2s cubic-bezier(.25,.46,.45,.94);position:relative}.skill-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite}.skill-percentage{font-size:14px;font-weight:600;color:var(--text-secondary);min-width:40px;text-align:right}.magnetic{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.magnetic:hover{transform:scale(1.05)}.section-enter{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.section-enter:not(.visible){opacity:0;transform:translateY(40px)}.section-enter.visible{opacity:1;transform:translateY(0)}body.animations-ready .animate-fadeInUp{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}body.animations-ready .animate-fadeInUp.animate-in{opacity:1;transform:translateY(0)}.section-enter *{will-change:transform,opacity}.section-enter.visible *{will-change:auto}.project-card{opacity:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.project-card.animate-in{opacity:1;transform:translateY(0) scale(1)}.skill-item{opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.skill-item.animate-in{opacity:1;transform:translate(0)}.achievement-item{opacity:0;transform:translateY(20px) scale(.9);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.achievement-item.animate-in{opacity:1;transform:translateY(0) scale(1)}.parallax-bg{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background-size:cover;background-position:center;will-change:transform;z-index:-1}.micro-bounce{animation:microBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes microBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0) scale(1.02)}70%{transform:translate3d(0,-4px,0) scale(1.01)}90%{transform:translate3d(0,-2px,0)}}.loading-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmerLoading 2s ease-in-out infinite}@keyframes shimmerLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-ultra{backdrop-filter:blur(40px) saturate(200%) brightness(120%);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(120%);background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.25) 100%);border:2px solid rgba(255,255,255,.3);box-shadow:0 25px 80px #00000026,0 10px 30px #0000001a,inset 0 3px #fffc,inset 0 -3px #0000001a}.glass-premium{backdrop-filter:blur(50px) saturate(250%) brightness(130%);-webkit-backdrop-filter:blur(50px) saturate(250%) brightness(130%);background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.3) 70%,rgba(255,255,255,.2) 100%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.15) 0%,transparent 50%);border:3px solid;border-image:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.6) 100%) 1;box-shadow:0 40px 120px #0003,0 16px 50px #00000026,inset 0 4px #ffffffe6,inset 0 -4px #0000001a}@media (max-width: 1024px){.skill-progress{width:100px}.floating-menu{bottom:20px;right:20px}}@media (max-width: 768px){.skill-item{flex-direction:column;align-items:flex-start;gap:8px}.skill-progress{width:100%}.skill-percentage{align-self:flex-end}.cursor-trail{display:none}}@media (max-width: 480px){@media (prefers-reduced-motion: reduce){.cursor-trail{display:none}.particle-dot,.liquid-orb{animation:none}}@media (prefers-contrast: high){.glass-card,.transparent-glass{background:rgba(255,255,255,.9)!important;border:2px solid var(--text-primary)!important}.btn{background:var(--text-primary)!important;color:var(--bg-primary)!important;border:2px solid var(--text-primary)!important}}.btn:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.btn:focus{outline:2px solid var(--accent-green);outline-offset:2px}.glass-card:active{transform:translateY(-2px) scale(.99)}.social-link{position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.profile-img{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.image-container:hover .profile-img{transform:scale(1.05) rotate(2deg);filter:brightness(1.1) contrast(1.1)}.nav-link{position:relative}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent);animation:rotate 4s linear infinite;opacity:0;transition:opacity .3s ease}.project-card:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievement-item{position:relative;overflow:hidden}.achievement-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(48,209,88,.1),transparent);transition:left .8s ease}.achievement-item:hover:after{left:100%}.skills-category:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,0 0 40px #30d15833}.tech-tag{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.tech-tag: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 .4s ease}.tech-tag:hover:before{left:100%}.tech-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #00000026}.form-group input:focus,.form-group textarea:focus{transform:scale(1.02);box-shadow:0 8px 32px #0000001a,0 0 20px #30d1584d}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.success-message{background:linear-gradient(135deg,rgba(48,209,88,.1) 0%,rgba(48,209,88,.05) 100%);border:1px solid rgba(48,209,88,.3);color:var(--accent-green);padding:16px;border-radius:12px;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-message{background:linear-gradient(135deg,rgba(255,69,58,.1) 0%,rgba(255,69,58,.05) 100%);border:1px solid rgba(255,69,58,.3);color:#ff453a;padding:16px;border-radius:12px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}.tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(-5px)}@media print{.scroll-progress,.cursor-trail,.particles-container{display:none!important}.glass-card,.transparent-glass{background:white!important;border:1px solid #ccc!important;box-shadow:none!important}.gradient-text{-webkit-text-fill-color:initial!important;background:none!important;color:#333!important}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #a1a1aa;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}*{-webkit-tap-highlight-color:transparent}::selection{background:rgba(48,209,88,.3);color:var(--text-primary)}::-moz-selection{background:rgba(48,209,88,.3);color:var(--text-primary)}*:focus{transition:all .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn:hover~.cursor-trail-enhanced,.glass-card:hover~.cursor-trail-enhanced,.social-link:hover~.cursor-trail-enhanced{background:radial-gradient(circle,var(--accent-green) 0%,rgba(48,209,88,.4) 40%,transparent 70%);box-shadow:0 0 12px var(--accent-green),0 0 24px #30d1584d;animation:cursorTrailActive 1s ease-out forwards}@keyframes cursorTrailActive{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.3);opacity:.4}to{transform:scale(.2);opacity:0}}.cursor-trail-simple{position:fixed;width:8px;height:8px;background:rgba(255,255,255,.6);border-radius:50%;pointer-events:none;z-index:9999;opacity:.4;transition:all .3s ease-out;mix-blend-mode:screen;filter:blur(.3px)}.cursor-trail-light{position:fixed;width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 60%);border-radius:50%;pointer-events:none;z-index:9999;opacity:.25;animation:cursorTrailLight 1.2s ease-out forwards;mix-blend-mode:overlay}@keyframes cursorTrailLight{0%{transform:scale(1);opacity:.25}70%{transform:scale(1.1);opacity:.15}to{transform:scale(.5);opacity:0}}@media (max-width: 768px){.cursor-trail-enhanced,.cursor-trail-simple,.cursor-trail-light{display:none}}@media (hover: none){.cursor-trail-enhanced,.cursor-trail-simple,.cursor-trail-light{display:none}}@media (prefers-reduced-motion: reduce){.cursor-trail-enhanced{animation:none;opacity:.2;transition:opacity .2s ease}.cursor-trail-enhanced:before{animation:none}}@media (prefers-color-scheme: dark){.cursor-trail-enhanced{background:radial-gradient(circle,rgba(48,209,88,.6) 0%,rgba(48,209,88,.3) 40%,transparent 70%);box-shadow:0 0 10px #30d15866,0 0 20px #30d15833}}.role-highlight{position:relative;display:inline-block;background:linear-gradient(45deg,var(--accent-green),var(--accent-blue),var(--accent-yellow));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease-in-out infinite;transition:all .3s ease}.role-highlight:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px var(--accent-green))}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-text-animated{background:linear-gradient(45deg,var(--accent-green),var(--accent-blue),var(--accent-yellow),var(--accent-green));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease-in-out infinite}.floating-text{animation:floatingText 3s ease-in-out infinite}@keyframes floatingText{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.title-decoration{display:inline-block;margin-left:10px;animation:sparkle 2s ease-in-out infinite;font-size:.8em}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.pulse-glow{position:relative;overflow:hidden}.pulse-glow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,var(--accent-green) 0%,transparent 70%);opacity:0;animation:pulseGlow 2s ease-in-out infinite;border-radius:inherit}@keyframes pulseGlow{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.3;transform:scale(1.2)}}.btn-text{position:relative;z-index:2}.btn-icon-animated{display:inline-block;margin-left:8px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.rotating-icon{animation:rotateIcon 3s linear infinite}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-btn{animation:floatingBtn 3s ease-in-out infinite}@keyframes floatingBtn{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn:hover .btn-shine{left:100%}.social-bounce{animation:socialBounce 4s ease-in-out infinite}.social-bounce:nth-child(1){animation-delay:0s}.social-bounce:nth-child(2){animation-delay:.2s}.social-bounce:nth-child(3){animation-delay:.4s}.social-bounce:nth-child(4){animation-delay:.6s}@keyframes socialBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(-1px)}}.social-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--accent-green) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .6s ease}.social-link:hover .social-ripple{width:60px;height:60px;opacity:.3}.social-link[data-tooltip]{position:relative}.social-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}.social-link[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(48,209,88,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,122,255,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,214,10,.05) 0%,transparent 50%);animation:particleFloat 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes particleFloat{0%,to{transform:translate(0) translateY(0);opacity:.8}33%{transform:translate(30px) translateY(-20px);opacity:.6}66%{transform:translate(-20px) translateY(30px);opacity:1}}.image-container{position:relative;overflow:hidden}.image-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,var(--accent-green),var(--accent-blue),var(--accent-yellow),var(--accent-green));animation:rotateGradient 8s linear infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.image-container:hover:before{opacity:.3}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.role-highlight{font-size:.9em}.title-decoration{font-size:.7em}.btn-icon-animated{display:none}.social-link[data-tooltip]:after{display:none}}.hero *{will-change:transform}.hero:hover *{will-change:auto}.project-card,.skill-item,.achievement-item{opacity:0;transform:translateY(50px) scale(.9);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.project-card.animate-in,.skill-item.animate-in,.achievement-item.animate-in{opacity:1;transform:translateY(0) scale(1)}.project-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 80px #00000026,0 10px 30px #0000001a,0 0 40px var(--accent-green)}.skill-item:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 40px #0000001a,0 0 20px var(--accent-blue)}.loading-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:skeletonShimmer 2s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn:focus,.social-link:focus,.nav-link:focus{outline:2px solid var(--accent-green);outline-offset:4px;box-shadow:0 0 0 4px #30d15833,0 8px 32px #0000001a}.text-shimmer{background:linear-gradient(90deg,var(--text-primary) 0%,var(--accent-green) 50%,var(--text-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.glass-ultra-premium{backdrop-filter:blur(60px) saturate(250%) brightness(130%);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(130%);background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.4) 70%,rgba(255,255,255,.2) 100%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(48,209,88,.1) 0%,transparent 50%);border:3px solid;border-image:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.8) 100%) 1;box-shadow:0 50px 150px #00000040,0 20px 60px #0003,inset 0 5px #ffffffe6,inset 0 -5px #0000001a}.color-pulse{animation:colorPulse 4s ease-in-out infinite}@keyframes colorPulse{0%,to{box-shadow:0 0 20px var(--accent-green)}33%{box-shadow:0 0 20px var(--accent-blue)}66%{box-shadow:0 0 20px var(--accent-yellow)}}.fade-in-up{opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-60px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(60px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.scale-in.visible{opacity:1;transform:scale(1)}.gpu-layer{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (prefers-color-scheme: dark){.glass-ultra-premium{background:linear-gradient(135deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.2) 100%),radial-gradient(circle at 30% 70%,rgba(0,0,0,.2) 0%,transparent 50%)}.social-link[data-tooltip]:after{background:rgba(255,255,255,.9);color:#000}}@media print{.floating-text,.social-bounce,.pulse-glow,.color-pulse{animation:none!important}.glass-ultra-premium{background:white!important;border:1px solid #ccc!important;box-shadow:none!important}}}