:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-dark:#111827;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 30px #6366f126;--gradient-primary:linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-accent:linear-gradient(135deg, var(--accent-color), var(--primary-color));--gradient-success:linear-gradient(135deg, var(--success-color), var(--accent-color));--gradient-animated:linear-gradient(45deg, #6366f1, #8b5cf6, #06b6d4, #10b981);--easing-smooth:cubic-bezier(.4, 0, .2, 1);--easing-bounce:cubic-bezier(.68, -.55, .265, 1.55);--easing-elastic:cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-anchor:none;scroll-padding-top:70px}body{color:var(--text-primary);background-color:var(--bg-primary);scroll-behavior:smooth;opacity:0;min-height:100vh;margin:0;padding:0;scroll-margin-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;animation:.5s ease-in-out forwards fadeInBody;position:relative;overflow-x:hidden}@keyframes fadeInBody{to{opacity:1}}.cursor-trail{pointer-events:none;z-index:9999;width:20px;height:20px;left:var(--cursor-x,0);top:var(--cursor-y,0);background:radial-gradient(circle,#6366f166 0%,#0000 70%);border-radius:50%;transition:all .1s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail.cursor-hover{background:radial-gradient(circle,#6366f199 0%,#0000 70%);transform:translate(-50%,-50%)scale(2)}.cursor-pointer{cursor:pointer!important}.skills-tooltip,.wasm-skills-tooltip{color:#fff;pointer-events:none;z-index:1000;border:1px solid var(--skill-color,#6366f1);max-width:300px;left:var(--tooltip-x,0);top:var(--tooltip-y,0);background:#000000e6;border-radius:8px;padding:12px 16px;font-size:14px;transition:opacity .2s;display:none;position:fixed;box-shadow:0 4px 20px #0000004d}.skills-tooltip.visible,.wasm-skills-tooltip.visible{opacity:1;display:block}.skills-tooltip .skill-name,.wasm-skills-tooltip .skill-name{color:var(--skill-color,#6366f1)}.page-transition{opacity:0;animation:pageEnter .8s var(--easing-smooth) forwards;transform:translateY(20px)}@keyframes pageEnter{to{opacity:1;transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.loader{background:var(--bg-dark);z-index:9999;opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loader.hidden{opacity:0;pointer-events:none}.loader-content{text-align:center;color:#fff}.loader-text{margin-bottom:2rem;font-size:1.5rem;font-weight:600;animation:2s ease-in-out infinite pulse}.loader-progress{background:#ffffff1a;border-radius:2px;width:300px;height:4px;overflow:hidden}.loader-bar{background:var(--gradient-primary);border-radius:2px;height:100%;animation:2s ease-in-out loading}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes loading{0%{width:0%}to{width:100%}}#three-canvas{z-index:-1;opacity:.8;width:100%;height:100%;position:fixed;top:0;left:0}.desktop-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;background:#fffffff2;width:100%;height:70px;display:none;position:fixed;top:0;left:0}.desktop-navbar.scrolled{box-shadow:var(--shadow-md);background:#fffffffa}.desktop-nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 2rem;display:flex}.desktop-nav-logo{color:var(--primary-color);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s;display:flex}.desktop-nav-logo:hover{transform:scale(1.05)}.desktop-nav-logo-img{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:auto;height:55px;margin-top:8px}.desktop-nav-logo-text{color:var(--primary-color);font-size:1.5rem;font-weight:700}.desktop-nav-menu{gap:2rem;list-style:none;display:flex}.desktop-nav-link{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.desktop-nav-link:hover{color:var(--primary-color)}.desktop-nav-link:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.desktop-nav-link:hover:after{width:100%}.mobile-navigation{z-index:2000;width:100%;display:none;position:fixed;top:0;left:0}.mobile-nav-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.mobile-logo{color:var(--primary-color);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.mobile-logo-img{border-radius:6px;width:auto;height:36px}.mobile-logo-text{color:#4f46e5}.mobile-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:10px;display:flex}.mobile-hamburger span{background:#333;border-radius:2px;width:25px;height:3px;transition:all .3s}.mobile-hamburger.active span:first-child{transform:rotate(45deg)translate(7px,7px)}.mobile-hamburger.active span:nth-child(2){opacity:0}.mobile-hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu{background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100vh - 70px);padding-top:50px;transition:transform .3s;display:flex;position:fixed;top:70px;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-menu.active{transform:translate(0)}.mobile-link{color:#333;text-align:center;background:#6366f10d;border:2px solid #6366f133;border-radius:10px;width:250px;margin:10px 0;padding:20px 0;font-size:20px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.mobile-link:hover,.mobile-link:active{border-color:var(--primary-color);color:var(--primary-color);background:#6366f11a;transform:translateY(-2px)}@media (min-width:769px){.desktop-navbar{display:block}.mobile-navigation{display:none}}@media (max-width:768px){.desktop-navbar{display:none}.mobile-navigation{display:block}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:70px 2rem 0;display:flex;position:relative}.hero-content{text-align:center;max-width:800px;animation:heroEnter 1.2s var(--easing-elastic) forwards;opacity:0}@keyframes heroEnter{0%{opacity:0;transform:translateY(60px)scale(.8)}60%{opacity:1;transform:translateY(-10px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-title{margin-bottom:1rem;font-size:4rem;font-weight:700}.hero-greeting{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.2rem;display:block}.hero-name{background:var(--gradient-animated);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:700;animation:3s ease-in-out infinite gradientShift,2s steps(12,end) .5s both typewriter;display:block;position:relative;overflow:hidden}.hero-name:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-subtitle{color:var(--text-secondary);justify-content:center;align-items:center;height:2.4rem;margin-bottom:1.5rem;font-size:1.5rem;line-height:2.4rem;display:flex;overflow:hidden}.elite-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #6366f14d;-webkit-background-clip:text;background-clip:text;font-size:1.2em;font-weight:700;animation:2s ease-in-out infinite alternate eliteGlow}@keyframes eliteGlow{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.05)}}.hero-description{color:var(--text-light);max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-scroll{animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator{color:var(--text-secondary);flex-direction:column;align-items:center;font-size:.9rem;display:flex}.scroll-arrow{border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:20px;height:20px;margin-top:.5rem;transform:rotate(45deg)}.btn{transition:all .4s var(--easing-smooth);cursor:pointer;will-change:transform;border:none;border-radius:50px;padding:.75rem 2rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden;transform:translateY(0)}.btn:before{content:"";width:100%;height:100%;transition:left .6s var(--easing-smooth);z-index:1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:0;left:-100%}.btn:after{content:"";width:0;height:0;transition:width .6s var(--easing-smooth), height .6s var(--easing-smooth);z-index:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:after{width:300px;height:300px}.btn:active{transform:scale(.95)}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);z-index:1;position:relative}.btn-primary:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);background:var(--gradient-animated);background-size:400% 400%;animation:2s infinite gradientShift;transform:translateY(-4px)scale(1.02)}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #6366f180}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-full{width:100%}section{justify-content:center;align-items:center;min-height:100vh;padding:70px 0 5rem;display:flex}section .container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.experience .container{justify-content:flex-start;padding-top:2rem}.experience .container::-webkit-scrollbar{display:none}.experience .section-header{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-secondary) 70%, #ffffffe6 90%, #ffffffb3 100%);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem;padding:1rem 3rem 2rem;position:sticky;top:0}.footer{background:linear-gradient(135deg, var(--bg-dark), #1a202c);color:#fff;z-index:500;padding:1rem 0;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000001a}.footer.visible{transform:translateY(0)}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.footer-content p{color:#e2e8f0;margin:0;font-size:.9rem}.footer .social-link{color:#e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.footer .social-link:hover{color:var(--primary-color);background:#6366f11a;transform:translateY(-2px)}.footer .social-link svg{transition:transform .3s}.footer .social-link:hover svg{transform:scale(1.1)}.section-header{text-align:center;margin-bottom:4rem}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.about{background:var(--bg-secondary)}.about-chess{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.chess-tile{transition:transform .35s var(--easing-smooth), box-shadow .35s var(--easing-smooth);border-radius:20px;padding:2.4rem 2.2rem 2.2rem;font-size:1.05rem;line-height:1.75;position:relative}.chess-tile:hover{transform:translateY(-5px)}.chess-tile:nth-child(4n+1),.chess-tile:nth-child(4n){background:var(--gradient-primary);color:#fffffff0;box-shadow:var(--shadow-lg)}.chess-tile:nth-child(4n+1):hover,.chess-tile:nth-child(4n):hover{box-shadow:var(--shadow-xl), var(--shadow-glow)}.chess-tile:nth-child(4n+2),.chess-tile:nth-child(4n+3){background:var(--bg-primary);color:var(--text-secondary);box-shadow:var(--shadow-md);border:1px solid #6366f129}.chess-tile:nth-child(4n+2):hover,.chess-tile:nth-child(4n+3):hover{box-shadow:var(--shadow-xl)}.chess-tile p{margin:0}.chess-tile .tile-list{margin:0;padding-left:1.15rem}.chess-tile .tile-list li{margin:.45rem 0}.chess-tile .tile-title{letter-spacing:.01em;color:var(--text-primary);margin:0 0 .7rem;font-size:1.15rem;font-weight:800}.chess-tile:nth-child(4n+1) .tile-title,.chess-tile:nth-child(4n) .tile-title,.chess-tile:nth-child(4n+1) .info-label,.chess-tile:nth-child(4n) .info-label{color:#fff}.chess-tile:nth-child(4n+1) .info-value,.chess-tile:nth-child(4n) .info-value{color:#ffffffd9}.chess-cta{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.3rem;display:flex}.chess-cta p{color:var(--text-primary);font-size:1.3rem;font-weight:700}.leader-strip{background:var(--gradient-primary);text-align:center;color:#fff;min-height:auto;padding:3.5rem 0}.leader-strip h2{color:#fff;margin-bottom:.6rem;font-size:clamp(1.6rem,3.5vw,2.3rem)}.leader-strip p{color:#ffffffe0;margin:0;font-size:1.15rem}.about-info{margin-top:.5rem}.info-item{margin-bottom:1rem;display:flex}.info-label{color:var(--text-primary);min-width:100px;font-weight:600}.info-value{color:var(--text-secondary)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{align-items:center;margin-bottom:3rem;display:flex;position:relative}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-item:nth-child(odd) .timeline-content{text-align:right}.timeline-dot{background:var(--primary-color);border:4px solid var(--bg-primary);width:16px;height:16px;box-shadow:var(--shadow-md);z-index:10;border-radius:50%;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.timeline-content{background:var(--bg-primary);box-shadow:var(--shadow-md);transition:all .4s var(--easing-smooth);opacity:1;border-radius:15px;flex:1;margin:0 2rem;padding:2rem;position:relative;transform:translateY(0)scale(1)}.timeline-content:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);border:1px solid #6366f133;transform:translateY(-10px)scale(1.02)}.timeline-content:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f105,#8b5cf605);border-radius:15px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.timeline-content:hover:before{opacity:1}@keyframes slideInTimeline{0%{opacity:0;transform:translate(-50px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.timeline-header h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.3rem}.timeline-company{color:var(--text-secondary);margin-bottom:.5rem;font-weight:600;display:block}.timeline-duration{color:var(--text-light);background:var(--bg-secondary);border-radius:20px;padding:.25rem .75rem;font-size:.9rem;display:inline-block}.timeline-description{text-align:left;margin-top:1rem;list-style:none}.timeline-description li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-description li:before{content:"▸";color:var(--primary-color);position:absolute;left:0}.education{background:var(--bg-primary)}.education-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:800px;margin:0 auto;display:grid}.education-card{background:var(--bg-secondary);box-shadow:var(--shadow-md);transition:all .4s var(--easing-smooth);opacity:0;animation:educationCardEnter .8s var(--easing-elastic) forwards;border-radius:15px;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.education-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-5px)scale(1.02)}.education-card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f108,#8b5cf608);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.education-card:hover:before{opacity:1}.education-icon{background:var(--gradient-primary);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.education-icon svg{transition:transform .3s}.education-card:hover .education-icon svg{transform:scale(1.1)rotate(5deg)}.education-content h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.education-content h4{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.education-year{color:var(--text-light);background:var(--bg-primary);border-radius:20px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.9rem;display:inline-block}.education-details{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}@keyframes educationCardEnter{0%{opacity:0;transform:translateY(40px)scale(.8)}60%{opacity:1;transform:translateY(-8px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.skills{background:var(--bg-secondary)}.skills-container{background:0 0;border-radius:20px;width:100%;min-height:80vh;margin:2rem 0;position:relative;overflow:hidden}#skills-canvas{border-radius:12px;background:#f8fafc!important;width:100%!important;height:500px!important;display:block!important}.skills-controls{z-index:10;gap:10px;display:flex;position:absolute;top:20px;right:20px}.skills-control-btn{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:25px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s}.skills-control-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.skills-control-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.skills-legend{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:20px;left:20px}.legend-item{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:15px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}@media (max-width:768px){#skills-canvas{height:600px}.skills-controls{justify-content:center;margin-bottom:20px;position:relative;top:0;right:0}.skills-legend{flex-flow:wrap;justify-content:center;margin-bottom:20px;position:relative;top:0;left:0}.skills-container{min-height:700px}}.skills-grid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.skill-card{background:var(--bg-primary);box-shadow:var(--shadow-md);transition:all .6s var(--easing-smooth);opacity:1;cursor:pointer;border-radius:20px;padding:2rem;position:relative;overflow:hidden;transform:translate(0)rotateY(0)}.skill-card.pre-animate{opacity:0;transform:translate(-100px)rotateY(-15deg)}.skill-card.pre-animate:nth-child(2n){transform:translate(100px)rotateY(15deg)}.skill-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow), 0 25px 50px #6366f133;border:1px solid #6366f166;transform:translateY(-15px)rotateX(5deg)scale(1.05)}.skill-card:before{content:"";background:var(--gradient-animated);opacity:0;z-index:-1;background-size:400% 400%;border-radius:23px;transition:opacity .4s;animation:3s ease-in-out infinite gradientShift;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.skill-card:hover:before{opacity:1}.skill-card:after{content:"";background:linear-gradient(90deg,#0000,#fff3 50%,#0000);border-radius:20px;width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.skill-card:hover:after{left:100%}.skill-card.animate-in{transition:all .8s var(--easing-elastic);opacity:1!important;transform:translate(0)rotateY(0)!important}.skill-content{z-index:2;text-align:center;position:relative}.skill-icon{margin-bottom:1.5rem;position:relative}.skill-name{color:var(--text-primary);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.4rem;font-weight:700;transition:all .3s}.skill-card:hover .skill-name{background:var(--gradient-animated);background-size:200% 200%;animation:2s ease-in-out infinite gradientShift}.skill-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:1rem;font-weight:500;transition:opacity .3s}.skill-card:hover .skill-category{opacity:1;color:var(--primary-color)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.project-card{background:var(--bg-primary);box-shadow:var(--shadow-md);transition:all .5s var(--easing-smooth);opacity:0;animation:projectCardEnter .8s var(--easing-elastic) forwards;border-radius:15px;position:relative;overflow:hidden;transform:translateY(0)scale(1)}.project-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-15px)scale(1.03)}.project-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:15px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover:before{opacity:1}@keyframes projectCardEnter{0%{opacity:0;transform:translateY(50px)scale(.8)}60%{opacity:1;transform:translateY(-10px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.project-image{background:var(--gradient-animated);background-size:400% 400%;height:200px;animation:4s ease-in-out infinite gradientShift;position:relative;overflow:hidden}.project-image:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);transition:transform .6s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.project-card:hover .project-image:before{transform:translate(100%)}.project-overlay{opacity:0;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-overlay{opacity:1}.project-links{gap:1rem;display:flex}.project-link{background:var(--bg-primary);width:50px;height:50px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .3s;display:flex}.project-link:hover{transform:scale(1.1)}.project-content{padding:2rem}.project-content h3{color:var(--text-primary);margin-bottom:1rem}.project-content p{color:var(--text-secondary);margin-bottom:1.5rem}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.contact{background:var(--bg-secondary)}.contact-content{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-item{align-items:center;gap:1rem;display:flex}.contact-icon{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contact-details h4{color:var(--text-primary);margin-bottom:.25rem}.contact-details p{color:var(--text-secondary)}.contact-form{background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:15px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{border:2px solid var(--border-color);border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--bg-dark);color:#fff;text-align:center;padding:2rem 0}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.footer-social{gap:1rem;display:flex}.social-link{color:#fff;border-radius:5px;padding:.5rem 1rem;text-decoration:none;transition:background .3s}.social-link:hover{background:var(--primary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@media (max-width:768px){.hero{align-items:flex-start;height:auto;min-height:100vh;padding:100px 1rem 2rem;overflow-y:visible}.hero-content{max-width:100%;margin-top:0;padding:1rem 0}.hero-name{margin-bottom:1rem;font-size:2.5rem;line-height:1.1}.hero-subtitle{height:auto;margin-bottom:1rem;font-size:1.2rem;line-height:1.4}.hero-description{margin-bottom:1.5rem;padding:0 .5rem;font-size:1rem;line-height:1.6}.hero-buttons{flex-direction:column;align-items:center;gap:.8rem}.hero-buttons .btn{text-align:center;width:200px}.about-chess{grid-template-columns:1fr;gap:1.2rem}.timeline:before{left:20px}.timeline-item{flex-direction:row!important}.timeline-item .timeline-content{margin-left:3rem;margin-right:0;text-align:left!important}.timeline-dot{left:20px;transform:translate(-50%)}.contact-content{grid-template-columns:1fr;gap:2rem}.footer-content{text-align:center;flex-direction:column;gap:1rem}.footer{position:static;transform:none!important}.footer-social{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.container{padding:0 1rem}.hero{padding:70px .5rem 1rem}.hero-name{font-size:2rem;line-height:1.1}.hero-subtitle{font-size:1.1rem}.hero-description{padding:0;font-size:.95rem;line-height:1.5}.section-title{font-size:2rem}.timeline-content{margin-left:2rem;padding:1.5rem}}@media (max-width:768px){.education-card{text-align:center;flex-direction:column}}@media (max-width:480px){.education-grid{grid-template-columns:1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:#fff;z-index:10000;background:#000;border-radius:4px;padding:8px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}@media (prefers-contrast:high){:root{--primary-color:navy;--text-primary:#000;--text-secondary:#333;--border-color:#000}}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 6px #6366f133}.btn,.nav-link,.social-link,.project-link{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.text-white{color:#fff \!important}@media (max-width:768px){#skills-canvas{height:400px}.skills-controls{justify-content:center;margin-bottom:20px;position:relative;top:auto;right:auto}.skills-legend{margin-bottom:20px;position:relative;top:auto;left:auto}}.bg-contrast{color:#fff;background:#000}.focus-trap{z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.loading{pointer-events:none;position:relative}.loading:after{content:"";border:2px solid var(--primary-color);border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.wasm-skills-tooltip{color:#fff;pointer-events:none;z-index:1000;background:#000000e6;border-radius:8px;max-width:300px;padding:12px 16px;font-size:14px;display:none;position:fixed;box-shadow:0 4px 20px #0000004d}.wasm-skills-tooltip strong,.wasm-skills-tooltip .skill-name{color:var(--skill-color,#6366f1);margin-bottom:4px;display:block}.wasm-skills-tooltip small{opacity:.8}.wasm-skills-error{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:12px;padding:40px}.wasm-skills-error h3{color:#334155;margin-bottom:20px;font-size:1.25rem}.wasm-skills-error p{color:#64748b;margin-bottom:20px}.wasm-skills-error .error-details{color:#94a3b8;font-size:14px}.scroll-progress-bar{z-index:999;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);width:0;height:3px;transition:width .1s;position:fixed;top:0;left:0}.particle-canvas{pointer-events:none;z-index:-2;opacity:.1;width:100%;height:100%;position:fixed;top:0;left:0}.tilt-shadow{transition:box-shadow .3s;box-shadow:0 20px 40px #0000001a,5px 5px 20px #6366f133}