.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(0,0%,100%,.2);left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:1000}.navbar.scrolled{background:hsla(0,0%,100%,.98);border-bottom-color:var(--border-color);box-shadow:var(--shadow-lg)}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.nav-logo{cursor:pointer}.logo-text,.nav-logo{transition:all var(--transition-normal)}.logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(0 0 8px hsla(0,0%,100%,.6)) drop-shadow(0 0 16px hsla(0,0%,100%,.4));filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 16px rgba(255,255,255,.4));font-size:1.75rem;font-weight:800}.nav-logo:hover .logo-text{-webkit-filter:drop-shadow(0 0 12px hsla(0,0%,100%,.8)) drop-shadow(0 0 24px hsla(0,0%,100%,.6));filter:drop-shadow(0 0 12px rgba(255,255,255,.8)) drop-shadow(0 0 24px rgba(255,255,255,.6));-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-menu{align-items:center;display:flex;gap:var(--spacing-lg)}.nav-link{background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-normal)}.nav-link:before{background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:rgba(37,99,235,.05);color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-resume-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.nav-resume-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mobile-menu-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;flex-direction:column;font-size:1.5rem;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.mobile-menu-btn:hover{color:var(--primary-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);left:0;opacity:0;position:fixed;right:0;top:70px;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all var(--transition-normal);visibility:hidden}.mobile-menu.open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.mobile-nav-link{background:none;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-normal)}.mobile-nav-link:hover{background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.2);color:var(--primary-color);-webkit-transform:translateX(10px);transform:translateX(10px)}.mobile-resume-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.mobile-resume-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:1024px){.nav-menu{display:none}.mobile-menu-btn{display:flex}.nav-container{padding:0 var(--spacing-md)}}@media (max-width:768px){.nav-container{height:60px;padding:0 var(--spacing-sm)}.logo-text{font-size:1.5rem}.mobile-menu{top:60px}.mobile-menu-content{padding:var(--spacing-lg)}.mobile-menu-btn{font-size:1.25rem;height:35px;width:35px}}@media (max-width:480px){.nav-container{padding:0 var(--spacing-xs)}.logo-text{font-size:1.25rem}.mobile-menu-content{padding:var(--spacing-md)}.mobile-nav-link{font-size:1rem}.mobile-nav-link,.mobile-resume-btn{padding:var(--spacing-sm) var(--spacing-md)}.mobile-resume-btn{font-size:.9rem}}@-webkit-keyframes navSlideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes navSlideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.navbar{-webkit-animation:navSlideDown .6s ease-out;animation:navSlideDown .6s ease-out}.nav-link.active{background:rgba(37,99,235,.1);color:var(--primary-color)}.mobile-menu-btn:focus,.mobile-nav-link:focus,.mobile-resume-btn:focus,.nav-link:focus,.nav-resume-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.navbar.loading{opacity:.7;pointer-events:none}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.hero-container{margin:0 auto;max-width:1200px;width:100%}.hero-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;min-height:80vh}.hero-text{text-align:left}.greeting{align-items:center;color:hsla(0,0%,100%,.9);display:flex;font-size:1.25rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);margin-top:var(--spacing-2xl);text-shadow:0 1px 2px rgba(0,0,0,.3)}.wave{-webkit-animation:wave 2s ease-in-out infinite;animation:wave 2s ease-in-out infinite;font-size:1.5rem}@-webkit-keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.hero-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;display:inline-block;-webkit-filter:drop-shadow(0 0 10px hsla(0,0%,100%,.8)) drop-shadow(0 0 20px hsla(0,0%,100%,.6));filter:drop-shadow(0 0 10px rgba(255,255,255,.8)) drop-shadow(0 0 20px rgba(255,255,255,.6));font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);position:relative}.role-container{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);min-height:3rem}.role-prefix{color:hsla(0,0%,100%,.9)}.role-text{-webkit-animation:fadeInUp .5s ease-in-out;animation:fadeInUp .5s ease-in-out;color:var(--accent-color);font-weight:700;text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-description{color:hsla(0,0%,100%,.85);font-size:1.25rem;line-height:1.7;margin-bottom:var(--spacing-xl);max-width:500px;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width:768px){.role-text{flex:1 1}.hero-text,.role-text{text-align:center}.hero-description{max-width:100%;text-align:center}.hero-buttons,.social-links{justify-content:center}}.hero-stats{flex-direction:column;margin-bottom:var(--spacing-xl)}.hero-stats,.stat-item{display:flex;gap:var(--spacing-md)}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal)}.stat-item:hover{box-shadow:var(--shadow-md);-webkit-transform:translateX(10px);transform:translateX(10px)}.stat-icon{color:var(--primary-color);font-size:1.5rem}.stat-item span{color:var(--text-primary);font-weight:600}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.hero-buttons .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.social-links{display:flex;gap:var(--spacing-lg)}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:var(--text-primary);display:flex;font-size:1.25rem;height:50px;justify-content:center;text-decoration:none;transition:all var(--transition-normal);width:50px}.social-link:hover{background:var(--primary-color);box-shadow:var(--shadow-lg);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.floating-card{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xl);width:100%}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-dots{display:flex;gap:var(--spacing-xs)}.card-dots span{background:var(--border-color);border-radius:50%;height:12px;width:12px}.card-dots span:first-child{background:#ff5f57}.card-dots span:nth-child(2){background:#ffbd2e}.card-dots span:nth-child(3){background:#28ca42}.card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.code-block{font-family:var(--font-family-mono);font-size:.85rem;line-height:1.8;padding:var(--spacing-sm)}.code-line{align-items:center;display:flex;margin-bottom:var(--spacing-xs);min-height:1.5em}.code-line.indent{padding-left:var(--spacing-lg)}.code-keyword{color:#d73a49;font-weight:600}.code-variable{color:#6f42c1;font-weight:500}.code-operator{color:var(--text-primary)}.code-string{color:#032f62}.code-emoji{-webkit-animation:emojiPulse 2s ease-in-out infinite;animation:emojiPulse 2s ease-in-out infinite;font-size:1rem;margin-left:var(--spacing-sm)}.code-emoji:nth-child(odd){-webkit-animation-delay:.5s;animation-delay:.5s}.code-emoji:nth-child(2n){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes emojiPulse{0%,to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes emojiPulse{0%,to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}.scroll-indicator{align-items:center;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;bottom:var(--spacing-xl);color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;font-size:.9rem;gap:var(--spacing-sm);left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-arrow{background:hsla(0,0%,100%,.6);height:30px;position:relative;width:2px}.scroll-arrow:after{border-bottom:2px solid hsla(0,0%,100%,.6);border-right:2px solid hsla(0,0%,100%,.6);bottom:0;content:"";height:8px;left:-3px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@media (max-width:1024px){.hero-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero-content,.hero-text{text-align:center}.hero-stats{align-items:center}.stat-item{justify-content:center}.floating-card{max-width:350px}}@media (max-width:768px){.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{justify-content:center;max-width:300px;width:100%}.hero-stats{gap:var(--spacing-sm)}.stat-item{padding:var(--spacing-sm) var(--spacing-md)}.floating-card{padding:var(--spacing-lg)}.code-block{font-size:.8rem}}@media (max-width:480px){.hero-name{font-size:2.5rem}.role-container{align-items:flex-start;flex-direction:column;font-size:1.25rem;gap:var(--spacing-xs);min-height:auto}.role-text{line-height:1.3;margin-left:0;word-break:break-word}.hero-description{font-size:1.1rem}.social-links{justify-content:center}}.about-container{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 2fr;margin-top:var(--spacing-xl)}.about-story,.call-to-action,.personal-interests{grid-column:1/-1}.section-header{margin-bottom:var(--spacing-3xl);text-align:center}.section-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-md)}.section-divider{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:2px;height:4px;margin:0 auto var(--spacing-lg);width:80px}.section-header p{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:600px}.about-image{align-items:center;display:flex;grid-column:1/2;justify-content:center;position:relative}.image-container{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;transition:all var(--transition-normal)}.image-container:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.profile-image{display:block;height:auto;width:100%}.image-overlay,.profile-image{transition:all var(--transition-normal)}.image-overlay{align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.9),rgba(245,158,11,.9));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0}.image-container:hover .image-overlay{opacity:1}.image-overlay .btn{-webkit-transform:translateY(20px);transform:translateY(20px);transition:all var(--transition-normal)}.image-container:hover .image-overlay .btn{-webkit-transform:translateY(0);transform:translateY(0)}.about-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.about-intro h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.intro-text{color:var(--text-secondary);font-size:1.25rem;line-height:1.7}.intro-text strong{color:var(--primary-color);font-weight:600}.expertise-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.expertise-item{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.expertise-item:hover{background:hsla(0,0%,100%,.95);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.expertise-icon{color:var(--primary-color);flex-shrink:0;font-size:2rem;margin-top:var(--spacing-xs)}.expertise-item h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.expertise-item p{color:var(--text-secondary);line-height:1.6;margin:0}.about-story{background:hsla(0,0%,100%,.6);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.about-story h4{color:var(--text-primary);font-size:1.5rem;font-weight:600}.about-story h4,.about-story p{margin-bottom:var(--spacing-md)}.about-story p{color:var(--text-secondary);line-height:1.7}.about-story p:last-child{margin-bottom:0}.personal-interests h4{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg)}.interests-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.interest-item{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.interest-item:hover{background:hsla(0,0%,100%,.95);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.interest-icon{color:var(--accent-color);flex-shrink:0;font-size:1.5rem}.interest-item span{color:var(--text-primary);font-weight:500}.call-to-action{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-xl);color:#fff;padding:var(--spacing-xl);text-align:center}.call-to-action p{color:#fff;font-size:1.25rem;margin-bottom:var(--spacing-lg)}.call-to-action strong{font-weight:600}.call-to-action .btn{background:#fff;border:none;color:var(--primary-color);font-weight:600}.call-to-action .btn:hover{background:hsla(0,0%,100%,.9);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:1024px){.about-container{gap:var(--spacing-xl);grid-template-columns:1fr}.about-image{grid-column:auto;margin:0 auto;max-width:300px}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.about-story,.call-to-action,.personal-interests{grid-column:auto;width:auto}}@media (max-width:768px){.about-container{gap:var(--spacing-lg)}.about-intro h3{font-size:1.5rem}.intro-text{font-size:1rem}.expertise-item{flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-sm);text-align:left}.expertise-icon{font-size:1.5rem;margin-top:0}.expertise-item h4{font-size:1rem;margin-bottom:var(--spacing-xs)}.expertise-item p{font-size:.9rem}.interests-grid{grid-template-columns:repeat(2,1fr)}.interest-item{justify-content:flex-start;padding:var(--spacing-sm)}.interest-icon{font-size:1.2rem}.interest-item span{font-size:.9rem}.call-to-action{padding:var(--spacing-md)}.call-to-action p{font-size:1rem}}@media (max-width:480px){.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.about-intro h3{font-size:1.3rem}.intro-text{font-size:.9rem}.expertise-item{padding:var(--spacing-xs)}.expertise-item h4{font-size:.9rem}.expertise-item p{font-size:.8rem}.about-story{padding:var(--spacing-md)}.about-story h4{font-size:1.1rem}.about-story p{font-size:.9rem}.personal-interests h4{font-size:1.1rem}.interest-item{padding:var(--spacing-xs)}.interest-icon{font-size:1rem}.interest-item span{font-size:.8rem}.call-to-action{padding:var(--spacing-sm)}.call-to-action p{font-size:.9rem}}.skills-container{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-top:var(--spacing-md)}.skill-category-navigation{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md)}.category-nav-btn{align-items:center;background:hsla(0,0%,100%,.9);border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);justify-content:space-between;min-width:180px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.category-nav-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-nav-btn:hover:before{left:100%}.category-nav-btn:hover{border-color:var(--category-color);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.category-nav-btn.active{background:var(--category-color);border-color:var(--category-color);box-shadow:var(--shadow-lg);color:#fff}.category-nav-btn.active .nav-icon{color:#fff}.category-nav-btn.active .nav-arrow{color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-icon{font-size:1.25rem;transition:all var(--transition-normal)}.nav-label{font-size:.9rem;font-weight:600}.nav-arrow{font-size:.8rem;transition:all var(--transition-normal)}.skills-display{min-height:500px;position:relative}.skills-category-content{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:translateX(50px);transform:translateX(50px);transition:all var(--transition-slow)}.skills-category-content.active{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}.category-header{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-xl)}.category-icon{align-items:center;background:hsla(0,0%,100%,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;font-size:1.75rem;height:60px;justify-content:center;transition:all var(--transition-normal);width:60px}.category-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.category-description{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-left:auto}.skills-grid{grid-gap:var(--spacing-lg);background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:var(--spacing-xl)}.skill-card{align-items:center;-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out;background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.skill-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.skill-card:hover:before{left:100%}.skill-card:hover{background:hsla(0,0%,100%,.95);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}.skill-icon{align-items:center;background:hsla(0,0%,100%,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:60px;justify-content:center;position:relative;transition:all var(--transition-normal);width:60px}.skill-card:hover .skill-icon{box-shadow:var(--shadow-md);-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-icon img{height:40px;object-fit:contain;transition:all var(--transition-normal);width:40px}.skill-card:hover .skill-icon img{-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-fallback{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.skill-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3;text-align:center;transition:all var(--transition-normal)}.skill-card:hover .skill-name{color:var(--primary-color);font-weight:700}.category-indicators{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl)}.indicator.active{-webkit-transform:scale(1.3);transform:scale(1.3)}@media (max-width:1200px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}@media (max-width:1024px){.skill-category-navigation{align-items:center;flex-direction:column}.category-nav-btn{min-width:250px}.category-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.category-description{margin-left:0}.category-icon{height:50px;width:50px}.category-icon,.category-title{font-size:1.5rem}.skills-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-card{padding:var(--spacing-md)}.skill-icon{height:50px;width:50px}.skill-fallback,.skill-icon img{height:35px;width:35px}.skill-fallback{font-size:1.1rem}}@media (max-width:768px){.skills-container{gap:var(--spacing-xl)}.skill-category-navigation{gap:var(--spacing-sm)}.category-nav-btn{min-width:200px;padding:var(--spacing-sm) var(--spacing-md)}.nav-label{font-size:.8rem}.category-header{padding:var(--spacing-lg)}.category-icon{height:45px;width:45px}.category-icon,.category-title{font-size:1.25rem}.skills-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:var(--spacing-lg)}.skill-card{gap:var(--spacing-sm);padding:var(--spacing-sm)}.skill-icon{height:45px;width:45px}.skill-fallback,.skill-icon img{height:30px;width:30px}.skill-fallback{font-size:1rem}.skill-name{font-size:.8rem}}@media (max-width:480px){.category-nav-btn{min-width:180px;padding:var(--spacing-xs) var(--spacing-sm)}.nav-icon{font-size:1rem}.nav-label{font-size:.75rem}.nav-arrow{font-size:.7rem}.category-header{padding:var(--spacing-md)}.category-icon{height:40px;width:40px}.category-icon,.category-title{font-size:1.1rem}.category-description{font-size:.8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:var(--spacing-md)}.skill-card{padding:var(--spacing-xs)}.skill-icon{height:40px;width:40px}.skill-fallback,.skill-icon img{height:25px;width:25px}.skill-fallback{font-size:.9rem}.skill-name{font-size:.75rem}}@-webkit-keyframes skillCardFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes skillCardFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}.skill-card:nth-child(odd){-webkit-animation:skillCardFloat 3s ease-in-out infinite;animation:skillCardFloat 3s ease-in-out infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.skill-card:nth-child(2n){-webkit-animation:skillCardFloat 3s ease-in-out infinite;animation:skillCardFloat 3s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}.skills-category-content.active .category-icon{-webkit-animation:categoryIconPulse 2s ease-in-out infinite;animation:categoryIconPulse 2s ease-in-out infinite}@-webkit-keyframes categoryIconPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes categoryIconPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.projects-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.project-navigation{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-2xl)}.nav-dot{align-items:center;background:hsla(0,0%,100%,.8);border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.nav-dot:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-dot:hover:before{left:100%}.nav-dot.active,.nav-dot:hover{border-color:var(--dot-color);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.nav-dot.active{background:var(--dot-color);color:#fff}.nav-dot-icon{font-size:1.5rem;transition:all var(--transition-normal)}.nav-dot.active .nav-dot-icon{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-dot-label{font-size:.9rem;font-weight:600;transition:all var(--transition-normal)}.nav-dot.active .nav-dot-label{color:#fff}.project-display{min-height:600px;position:relative}.project-card{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:translateX(50px);transform:translateX(50px);transition:all var(--transition-slow)}.project-card.active{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}.project-card{grid-gap:var(--spacing-3xl);align-items:center;background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;padding:var(--spacing-3xl);width:100%}@media (max-width:1024px){.project-card{grid-template-columns:1fr;padding:var(--spacing-2xl)}.project-image{margin-bottom:var(--spacing-lg)}.project-navigation{gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.nav-dot{padding:var(--spacing-sm) var(--spacing-md)}.nav-dot-icon{font-size:1.2rem}.nav-dot-label{font-size:.8rem}}@media (max-width:768px){.projects-container{padding:0 var(--spacing-md)}.project-card{padding:var(--spacing-xl)}.project-title{font-size:1.75rem}.project-description{font-size:1rem}.project-navigation{align-items:center;flex-direction:column}.nav-dot{width:80%}}@media (max-width:480px){.project-card{padding:var(--spacing-md)}.project-title{font-size:1.5rem}.project-description{font-size:.9rem}.nav-dot{width:95%}}.project-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.project-image:hover{box-shadow:var(--shadow-xl);-webkit-transform:scale(1.02);transform:scale(1.02)}.project-image img{display:block;height:auto;width:100%}.project-image img,.project-overlay{transition:all var(--transition-normal)}.project-overlay{align-items:flex-start;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.3));bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:var(--spacing-lg);position:absolute;right:0;top:0}.project-image:hover .project-overlay{opacity:1}.project-category{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.category-icon{font-size:1.25rem}.category-text{color:var(--text-primary);font-size:.9rem;font-weight:600}.project-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-title{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.project-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tag{background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-normal)}.tech-tag:hover{background:var(--project-color);box-shadow:var(--shadow-md);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.github-btn{background:var(--text-primary);color:#fff}.github-btn:hover{background:#333;box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demo-btn{color:#fff}.demo-btn,.demo-btn:hover{background:var(--project-color)}.demo-btn:hover{box-shadow:var(--shadow-lg);-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-indicators{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-2xl)}.indicator{background:transparent;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:12px;transition:all var(--transition-normal);width:12px}.indicator.active,.indicator:hover{border-color:var(--primary-color);-webkit-transform:scale(1.2);transform:scale(1.2)}.indicator.active{background:var(--primary-color)}@media (max-width:1024px){.project-card{gap:var(--spacing-2xl);grid-template-columns:1fr;padding:var(--spacing-2xl)}.project-navigation{gap:var(--spacing-md)}.nav-dot{padding:var(--spacing-sm) var(--spacing-md)}.nav-dot-icon{font-size:1.25rem}.nav-dot-label{font-size:.8rem}}@media (max-width:768px){.projects-container{gap:var(--spacing-2xl)}.project-navigation{align-items:center;flex-direction:column;gap:var(--spacing-sm)}.nav-dot{flex-direction:row;gap:var(--spacing-md);justify-content:center;max-width:200px;width:100%}.project-card{padding:var(--spacing-xl)}.project-title{font-size:1.75rem}.project-description{font-size:1rem}.project-actions{flex-direction:column}.action-btn{justify-content:center}}@media (max-width:480px){.project-card{padding:var(--spacing-lg)}.project-title{font-size:1.5rem}.project-technologies{gap:var(--spacing-xs)}.tech-tag{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.action-btn{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg)}}@-webkit-keyframes projectSlideIn{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes projectSlideIn{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.project-card.active{-webkit-animation:projectSlideIn .6s ease-out;animation:projectSlideIn .6s ease-out}.project-image:after{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.project-image:hover:after{-webkit-transform:translateX(100%);transform:translateX(100%)}.contact-container{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.contact-info-centered{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:800px;text-align:left;width:100%}.contact-intro h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.contact-intro p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0}.contact-methods-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--spacing-xl) 0}.contact-method-card{align-items:center;background:hsla(0,0%,100%,.9);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition-normal)}.contact-method-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-method-card:hover:before{left:100%}.contact-method-card:hover{background:hsla(0,0%,100%,.98);border-color:var(--method-color);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.contact-method-card:hover .method-arrow{color:var(--method-color);-webkit-transform:translateX(5px);transform:translateX(5px)}.method-icon{align-items:center;background:var(--method-color);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;transition:all var(--transition-normal);width:60px}.contact-method-card:hover .method-icon{box-shadow:var(--shadow-md);-webkit-transform:scale(1.1);transform:scale(1.1)}.method-arrow{color:var(--text-muted);font-size:1rem;margin-left:auto;transition:all var(--transition-normal)}.method-content h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.method-content p{color:var(--text-secondary);font-size:1rem;margin:0}.contact-actions{display:flex;justify-content:flex-start;margin-top:var(--spacing-lg)}.contact-actions .btn{justify-content:center;min-width:200px}.contact-status{margin-top:var(--spacing-lg)}.status-indicator{align-items:center;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.status-dot{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:12px;width:12px}.status-indicator span{color:#10b981;font-weight:600}.contact-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);text-align:center}.contact-footer p{color:var(--text-secondary);font-size:1.125rem;font-weight:500;margin:0}@media (max-width:1024px){.contact-methods-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:768px){.contact-methods-grid{gap:var(--spacing-md);grid-template-columns:1fr}.contact-method-card{gap:var(--spacing-md);padding:var(--spacing-md)}.method-icon{font-size:1.25rem;height:50px;width:50px}.method-content h4{font-size:1.1rem}.method-content p{font-size:.9rem}.contact-intro h3{font-size:1.75rem}.contact-actions .btn{min-width:180px}}@media (max-width:480px){.contact-method-card{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left}.method-icon{align-self:flex-start;font-size:1.1rem;height:45px;width:45px}.method-arrow{align-self:flex-end;margin-left:0;margin-top:var(--spacing-sm)}.contact-intro h3{font-size:1.5rem}.contact-actions .btn{font-size:.9rem;min-width:160px}}.contact-method-card:hover .method-content h4{color:var(--method-color)}@-webkit-keyframes contactCardFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes contactCardFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}.contact-method-card:first-child{-webkit-animation:contactCardFloat 4s ease-in-out infinite;animation:contactCardFloat 4s ease-in-out infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.contact-method-card:nth-child(2){-webkit-animation:contactCardFloat 4s ease-in-out infinite;animation:contactCardFloat 4s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}.contact-method-card:nth-child(3){-webkit-animation:contactCardFloat 4s ease-in-out infinite;animation:contactCardFloat 4s ease-in-out infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}.contact-method-card:nth-child(4){-webkit-animation:contactCardFloat 4s ease-in-out infinite;animation:contactCardFloat 4s ease-in-out infinite;-webkit-animation-delay:2s;animation-delay:2s}.contact-method-card:nth-child(5){-webkit-animation:contactCardFloat 4s ease-in-out infinite;animation:contactCardFloat 4s ease-in-out infinite;-webkit-animation-delay:2.5s;animation-delay:2.5s}.github-container{display:flex;flex-direction:column;gap:var(--spacing-3xl);margin-top:var(--spacing-2xl)}.github-profile-card{background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-normal)}.github-profile-card:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.profile-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.github-icon{color:var(--text-primary);font-size:2rem}.profile-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.github-profile-card p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.github-link-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.github-link-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.github-stats-section{background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);transition:all var(--transition-normal)}.github-stats-section:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.stats-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stats-icon{color:var(--primary-color);font-size:1.75rem}.stats-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.stat-card{background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.github-stat-image{border-radius:var(--radius-lg);height:auto;transition:all var(--transition-normal);width:100%}.stat-card:hover .github-stat-image{-webkit-transform:scale(1.02);transform:scale(1.02)}.github-languages-section{background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);transition:all var(--transition-normal)}.github-languages-section:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.languages-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.languages-icon{color:var(--accent-color);font-size:1.75rem}.languages-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.languages-card{background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg);transition:all var(--transition-normal)}.languages-card:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.github-lang-image{border-radius:var(--radius-lg);height:auto;transition:all var(--transition-normal);width:100%}.languages-card:hover .github-lang-image{-webkit-transform:scale(1.02);transform:scale(1.02)}.github-calendar-section{background:hsla(0,0%,100%,.95);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);transition:all var(--transition-normal)}.github-calendar-section:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.calendar-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.calendar-icon{color:var(--primary-color);font-size:1.75rem}.calendar-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.calendar-card{background:hsla(0,0%,100%,.8);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg);transition:all var(--transition-normal)}.calendar-card:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.github-calendar-image{border-radius:var(--radius-lg);height:auto;transition:all var(--transition-normal);width:100%}.calendar-card:hover .github-calendar-image{-webkit-transform:scale(1.02);transform:scale(1.02)}@media (max-width:1024px){.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.github-container{gap:var(--spacing-2xl)}.github-calendar-section,.github-languages-section,.github-profile-card,.github-stats-section{padding:var(--spacing-xl)}}@media (max-width:768px){.github-container{gap:var(--spacing-xl)}.profile-header{flex-direction:column;gap:var(--spacing-sm)}.github-icon{font-size:1.75rem}.profile-header h3{font-size:1.5rem}.calendar-header,.languages-header,.stats-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.calendar-icon,.languages-icon,.stats-icon{font-size:1.5rem}.calendar-header h3,.languages-header h3,.stats-header h3{font-size:1.25rem}.github-calendar-section,.github-languages-section,.github-profile-card,.github-stats-section{padding:var(--spacing-lg)}.calendar-card,.languages-card,.stat-card{padding:var(--spacing-md)}}@media (max-width:480px){.github-profile-card p{font-size:1rem}.github-link-btn{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg)}.github-calendar-section,.github-languages-section,.github-profile-card,.github-stats-section{padding:var(--spacing-md)}}@-webkit-keyframes githubCardFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes githubCardFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.github-profile-card:first-child{-webkit-animation:githubCardFloat 4s ease-in-out infinite;animation:githubCardFloat 4s ease-in-out infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.github-stats-section:nth-child(2){-webkit-animation:githubCardFloat 4s ease-in-out infinite;animation:githubCardFloat 4s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}.github-languages-section:nth-child(3){-webkit-animation:githubCardFloat 4s ease-in-out infinite;animation:githubCardFloat 4s ease-in-out infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}.github-calendar-section:nth-child(4){-webkit-animation:githubCardFloat 4s ease-in-out infinite;animation:githubCardFloat 4s ease-in-out infinite;-webkit-animation-delay:2s;animation-delay:2s}.github-profile-card:hover .github-icon{color:var(--primary-color)}.github-calendar-section:hover .calendar-icon,.github-languages-section:hover .languages-icon,.github-profile-card:hover .github-icon,.github-stats-section:hover .stats-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#64748b;--accent-color:#f59e0b;--accent-light:#fbbf24;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--background-primary:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Monaco","Consolas",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-primary);line-height:1.6}.App{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;position:relative;text-align:center}.App:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.section{margin:0 auto;max-width:1200px;padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;z-index:1}.section-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);padding:4rem;padding:var(--spacing-3xl)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb,#f59e0b);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{color:#475569;color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--background-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{border-color:#2563eb;border-color:var(--primary-color);color:#2563eb;color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-accent,.btn-secondary:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-color),var(--accent-light));color:#fff}.btn-accent:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card{background:#fff;background:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-4px);transform:translateY(-4px)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.animate-fade-in-up{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.animate-fade-in-left{-webkit-animation:fadeInLeft .6s ease-out;animation:fadeInLeft .6s ease-out}.animate-fade-in-right{-webkit-animation:fadeInRight .6s ease-out;animation:fadeInRight .6s ease-out}@media (max-width:768px){.section{padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-md)}.section-content{padding:2rem;padding:var(--spacing-xl)}.btn{font-size:.9rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.lazy-image-container{overflow:hidden;position:relative}.lazy-image-placeholder{align-items:center;background:#f1f5f9;background:var(--background-tertiary);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.placeholder-shimmer{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--background-tertiary) 25%,var(--background-secondary) 50%,var(--background-tertiary) 75%);background-size:200% 100%;border-radius:inherit;height:100%;width:100%}@-webkit-keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-in-out;transition:opacity var(--transition-normal);width:100%}.lazy-image.loaded{opacity:1}.lazy-image.loading{opacity:0}@-webkit-keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInFromBottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInFromLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInFromRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-10deg) scale(.8);transform:rotate(-10deg) scale(.8)}to{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-10deg) scale(.8);transform:rotate(-10deg) scale(.8)}to{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes glow{0%,to{box-shadow:0 0 5px rgba(37,99,235,.3)}50%{box-shadow:0 0 20px rgba(37,99,235,.6),0 0 30px rgba(37,99,235,.4)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(37,99,235,.3)}50%{box-shadow:0 0 20px rgba(37,99,235,.6),0 0 30px rgba(37,99,235,.4)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes wiggle{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes wiggle{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-slide-in-top{-webkit-animation:slideInFromTop .8s ease-out;animation:slideInFromTop .8s ease-out}.animate-slide-in-bottom{-webkit-animation:slideInFromBottom .8s ease-out;animation:slideInFromBottom .8s ease-out}.animate-slide-in-left{-webkit-animation:slideInFromLeft .8s ease-out;animation:slideInFromLeft .8s ease-out}.animate-slide-in-right{-webkit-animation:slideInFromRight .8s ease-out;animation:slideInFromRight .8s ease-out}.animate-scale-in{-webkit-animation:scaleIn .6s ease-out;animation:scaleIn .6s ease-out}.animate-rotate-in{-webkit-animation:rotateIn .8s ease-out;animation:rotateIn .8s ease-out}.animate-bounce-in{-webkit-animation:bounceIn .8s ease-out;animation:bounceIn .8s ease-out}.animate-pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.animate-glow{-webkit-animation:glow 2s infinite;animation:glow 2s infinite}.animate-float{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}.animate-wiggle{-webkit-animation:wiggle 1s ease-in-out infinite;animation:wiggle 1s ease-in-out infinite}.animate-gradient{-webkit-animation:gradientShift 3s ease infinite;animation:gradientShift 3s ease infinite;background-size:200% 200%}.animate-stagger-1{-webkit-animation-delay:.1s;animation-delay:.1s}.animate-stagger-2{-webkit-animation-delay:.2s;animation-delay:.2s}.animate-stagger-3{-webkit-animation-delay:.3s;animation-delay:.3s}.animate-stagger-4{-webkit-animation-delay:.4s;animation-delay:.4s}.animate-stagger-5{-webkit-animation-delay:.5s;animation-delay:.5s}.hover-lift{transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal)}.hover-lift:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hover-scale{transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal)}.hover-scale:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.hover-rotate{transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal)}.hover-rotate:hover{-webkit-transform:rotate(5deg);transform:rotate(5deg)}.hover-glow{transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px rgba(37,99,235,.4)}.animate-on-scroll{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .8s ease-out}.animate-on-scroll.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.6bc6eddb.css.map*/