.mouse-follow{position:fixed;width:200px;height:200px;background:radial-gradient(circle,rgba(228,228,231,.03) 0,rgba(228,228,231,.01) 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:1000;transition:all .3s cubic-bezier(.25,.46,.45,.94);mix-blend-mode:screen;opacity:0}.mouse-follow.active{opacity:1}.fade-in-up{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.fade-in-up,.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.fade-in-left,.fade-in-left.visible,.fade-in-right{opacity:1;transform:translateX(0)}.fade-in-right{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.fade-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.scale-in,.scale-in.visible{opacity:1;transform:scale(1)}.subtle-gradient{background:linear-gradient(135deg,rgba(228,228,231,.02),rgba(161,161,170,.02) 50%,rgba(228,228,231,.02));background-size:200% 200%;animation:subtleShift 20s ease-in-out infinite}@keyframes subtleShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes conicGradientShift{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes cornerAccentShift{0%,to{background-position:0 0,100% 100%}25%{background-position:100% 0,0 100%}50%{background-position:100% 100%,0 0}75%{background-position:0 100%,100% 0}}@keyframes svgBorderMove{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes frostedGlassShift{0%,to{background-position:0 0;transform:scale(1) rotate(0deg)}25%{background-position:100% 0;transform:scale(1.05) rotate(1deg)}50%{background-position:100% 100%;transform:scale(1.1) rotate(0deg)}75%{background-position:0 100%;transform:scale(1.05) rotate(-1deg)}}@keyframes blueFrostedGlassShift{0%,to{background-position:0 0;transform:scale(1) rotate(0deg)}25%{background-position:100% 0;transform:scale(1.05) rotate(-1deg)}50%{background-position:100% 100%;transform:scale(1.1) rotate(0deg)}75%{background-position:0 100%;transform:scale(1.05) rotate(1deg)}}.card-hover{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}.card-hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,rgba(228,228,231,.05),rgba(161,161,170,.02));opacity:0;transition:opacity .3s ease;z-index:-1}.card-hover:hover{transform:translateY(-4px);border-color:rgba(228,228,231,.2)}.card-hover:hover:before{opacity:1}.subtle-glow{position:relative}.subtle-glow:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;background:linear-gradient(45deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff);background-size:300% 300%;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(1px)}.subtle-glow:hover:after{opacity:.8;animation:gradientShift 2s ease infinite}.card-glow{position:relative;border-radius:12px;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:2px;background:linear-gradient(45deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff);background-size:300% 300%;animation:gradientShift 4s ease infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s ease;z-index:-1}.card-glow:hover:before{opacity:1;animation:gradientShift 2s ease infinite}.project-card-glow{position:relative;border-radius:12px;overflow:hidden}.project-card-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;background:conic-gradient(from 0deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff,#4a90e2,#c0c0c0);background-size:400% 400%;animation:conicGradientShift 8s linear infinite;opacity:0;transition:opacity .5s ease;z-index:-1}.project-card-glow:hover:before{opacity:.9;animation:conicGradientShift 3s linear infinite}.project-card-glow:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(45deg,transparent 30%,rgba(192,192,192,.3) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(0,123,255,.3) 50%,transparent 70%);background-size:200% 200%,200% 200%;background-position:0 0,100% 100%;animation:cornerAccentShift 6s ease-in-out infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.project-card-glow:hover:after{opacity:.6;animation:cornerAccentShift 2s ease-in-out infinite}.project-svg-border{position:relative;border-radius:12px;overflow:hidden}.project-svg-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23c0c0c0;stop-opacity:1' /%3E%3Cstop offset='25%25' style='stop-color:%23007bff;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%234a90e2;stop-opacity:1' /%3E%3Cstop offset='75%25' style='stop-color:%23c0c0c0;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23007bff;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='2' y='2' width='96' height='96' rx='8' fill='none' stroke='url(%23grad)' stroke-width='2' stroke-dasharray='20,10'/%3E%3C/svg%3E");background-size:100px 100px;animation:svgBorderMove 4s linear infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.project-svg-border:hover:before{opacity:.8;animation:svgBorderMove 2s linear infinite}.project-pulse{position:relative;border-radius:12px;overflow:hidden}.project-pulse:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(192,192,192,.2) 0,rgba(0,123,255,.1) 30%,rgba(74,144,226,.05) 60%,transparent 100%);animation:pulseGlow 4s ease-in-out infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.project-pulse:hover:before{opacity:1;animation:pulseGlow 2s ease-in-out infinite}.hero-gradient{background:linear-gradient(45deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff);background-size:300% 300%;animation:gradientShift 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-gradient{position:relative;overflow:hidden}.button-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff);background-size:300% 300%;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.button-gradient:hover:before{opacity:.3;animation:gradientShift 1.5s ease infinite}.linkedin-frosted-glass{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.linkedin-frosted-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='frostGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23ffffff;stop-opacity:0.8' /%3E%3Cstop offset='25%25' style='stop-color:%23f0f0f0;stop-opacity:0.6' /%3E%3Cstop offset='50%25' style='stop-color:%23e0e0e0;stop-opacity:0.4' /%3E%3Cstop offset='75%25' style='stop-color:%23f0f0f0;stop-opacity:0.6' /%3E%3Cstop offset='100%25' style='stop-color:%23ffffff;stop-opacity:0.8' /%3E%3C/linearGradient%3E%3Cfilter id='frost' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='3'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.3 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='10' y='10' width='180' height='180' rx='20' fill='url(%23frostGrad)' filter='url(%23frost)' opacity='0.8'/%3E%3Ccircle cx='50' cy='50' r='15' fill='url(%23frostGrad)' filter='url(%23frost)' opacity='0.6'/%3E%3Ccircle cx='150' cy='150' r='20' fill='url(%23frostGrad)' filter='url(%23frost)' opacity='0.7'/%3E%3Ccircle cx='100' cy='100' r='10' fill='url(%23frostGrad)' filter='url(%23frost)' opacity='0.5'/%3E%3C/svg%3E");background-size:200px 200px;opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(.5px)}.linkedin-frosted-glass:hover:before{opacity:.9;animation:frostedGlassShift 2s ease-in-out infinite}.linkedin-frosted-glass:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.2)}.work-frosted-glass{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.work-frosted-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='blueFrostGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23007bff;stop-opacity:0.8' /%3E%3Cstop offset='25%25' style='stop-color:%234a90e2;stop-opacity:0.6' /%3E%3Cstop offset='50%25' style='stop-color:%23005bb5;stop-opacity:0.4' /%3E%3Cstop offset='75%25' style='stop-color:%234a90e2;stop-opacity:0.6' /%3E%3Cstop offset='100%25' style='stop-color:%23007bff;stop-opacity:0.8' /%3E%3C/linearGradient%3E%3Cfilter id='blueFrost' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='3'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.4 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='10' y='10' width='180' height='180' rx='20' fill='url(%23blueFrostGrad)' filter='url(%23blueFrost)' opacity='0.8'/%3E%3Ccircle cx='50' cy='50' r='15' fill='url(%23blueFrostGrad)' filter='url(%23blueFrost)' opacity='0.6'/%3E%3Ccircle cx='150' cy='150' r='20' fill='url(%23blueFrostGrad)' filter='url(%23blueFrost)' opacity='0.7'/%3E%3Ccircle cx='100' cy='100' r='10' fill='url(%23blueFrostGrad)' filter='url(%23blueFrost)' opacity='0.5'/%3E%3C/svg%3E");background-size:200px 200px;opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(.5px)}.work-frosted-glass:hover:before{opacity:.9;animation:blueFrostedGlassShift 2s ease-in-out infinite}.work-frosted-glass:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,123,255,.3)}.timeline-dot-gradient{position:relative}.timeline-dot-gradient:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(45deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff);background-size:300% 300%;animation:gradientShift 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.timeline-dot-gradient:hover:before{opacity:.8;animation:gradientShift 2s ease infinite}.button-elegant{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.button-elegant:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(228,228,231,.1),transparent);transition:left .5s ease}.button-elegant:hover:before{left:100%}.button-elegant:hover{transform:translateY(-2px)}.text-reveal{overflow:hidden;position:relative}.text-reveal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-start-rgb);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.text-reveal.visible:after,.text-reveal:after{transform:translateX(100%)}.loading-dots{display:inline-block}.loading-dots:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.timeline-elegant{position:relative}.timeline-elegant:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(228,228,231,.2),transparent);z-index:0}.timeline-item-elegant{position:relative;transition:all .3s ease}.timeline-item-elegant:before{content:"";position:absolute;left:1.5rem;top:1.2rem;width:12px;height:12px;background:var(--accent-color);border-radius:50%;transform:translateX(-50%);transition:all .3s ease;z-index:1}.timeline-item-elegant:hover:before{transform:translateX(-50%) scale(1.3);box-shadow:0 0 20px rgba(0,123,255,.3)}.skill-tag-elegant{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.skill-tag-elegant:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,192,192,.3),rgba(0,123,255,.4),rgba(74,144,226,.3),transparent);transition:left .6s ease}.skill-tag-elegant:hover:before{left:100%}.skill-tag-elegant:hover{transform:translateY(-3px);border-color:rgba(0,123,255,.5);box-shadow:0 4px 12px rgba(0,123,255,.2)}.project-tag-glow{position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-tag-glow:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.2);border-color:rgba(0,123,255,.3)}.project-tag-sparkle{position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-tag-sparkle:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(192,192,192,.3)}.section-transition{position:relative;overflow:hidden}.section-transition:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,228,231,.1),transparent);transform:scaleX(0);transition:transform .6s ease}.section-transition.visible:before{transform:scaleX(1)}.hero-image-elegant{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.hero-image-elegant:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(45deg,#c0c0c0,#007bff,#4a90e2,#c0c0c0,#007bff);background-size:300% 300%;animation:gradientShift 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(1px)}.hero-image-elegant:hover:before{opacity:.8;animation:gradientShift 2s ease infinite}.hero-image-elegant:hover{transform:scale(1.02)}.hero-name-shine{position:relative;background:linear-gradient(90deg,#ffffff,#cfd4da 50%,#ffffff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:heroNameShimmer 12s ease-in-out infinite}.hero-name-shine:after{content:"";position:absolute;left:50%;top:50%;width:80%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(0,123,255,.12) 0,rgba(255,255,255,.04) 60%,transparent 70%);filter:blur(14px);pointer-events:none;z-index:-1}@keyframes heroNameShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-image-elegant{position:relative}.hero-image-elegant:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#c0c0c0 0deg,#007bff 120deg,#4a90e2 240deg,#c0c0c0 1turn);animation:spinSlow 22s linear infinite;opacity:.55;-webkit-mask:radial-gradient(circle at center,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(circle at center,transparent calc(100% - 6px),#000 calc(100% - 5px));z-index:0;pointer-events:none}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-orbit{inset:-16px;pointer-events:none;z-index:1}.hero-orbit,.hero-orbit-dot{position:absolute;border-radius:50%}.hero-orbit-dot{top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,#ffffff 0,#a9b1ba 60%,rgba(255,255,255,0) 100%);box-shadow:0 0 12px rgba(0,123,255,.6);transform-origin:-110px 0;animation:orbitRotate 12s linear infinite}.hero-orbit-dot.dot-sm{width:6px;height:6px;transform-origin:-110px 0;animation-duration:14s;opacity:.8}.hero-orbit-dot.dot-md{width:8px;height:8px;transform-origin:-140px 0;animation-duration:18s;opacity:.7}.hero-orbit-dot.dot-lg{width:10px;height:10px;transform-origin:-170px 0;animation-duration:24s;opacity:.6}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.grid-bg-animated{position:relative}.grid-bg-animated:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(228,228,231,.03) 1px,transparent 0),linear-gradient(90deg,rgba(228,228,231,.03) 1px,transparent 0);background-size:50px 50px;animation:gridMove 30s linear infinite;z-index:-1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.scroll-progress-elegant{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(0,123,255,.8),rgba(228,228,231,.4));transform-origin:left;z-index:1001;transition:transform .1s ease}@media (max-width:768px){.mouse-follow{width:150px;height:150px}.grid-bg-animated:before{background-size:30px 30px}.timeline-elegant:before,.timeline-item-elegant:before{left:1rem}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--background-start-rgb:10,10,15;--background-end-rgb:25,25,35;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--border-color:rgba(228,228,231,0.1);--card-background:rgba(24,24,27,0.5);--glow-color:rgba(0,122,255,0.3);--accent-color:#007bff}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans)}body{color:var(--text-primary);background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grid-bg-animated:before,.mouse-follow{display:none}}