@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary:#667eea;--primary-light:#764ba2;--secondary:#f093fb;--accent:#4facfe;--accent-secondary:#00f2fe;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-hero:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);--gradient-card:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);--gradient-overlay:linear-gradient(180deg,#0000 0%,#000c 100%);--bg-dark:#0a0a0f;--bg-darker:#050508;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--text-primary:#fff;--text-secondary:#b4b4c6;--text-muted:#6e6e8f;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 8px 32px #0003;--shadow-lg:0 16px 64px #0000004d;--shadow-glow:0 0 40px #667eea4d;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(10px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg-dark);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20%,#667eea26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba226 0%,#0000 50%),radial-gradient(circle at 40% 20%,#f093fb1a 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite backgroundPulse;position:fixed;top:0;left:0}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.6}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2}h1{background:linear-gradient(135deg,#fff 0%,#b4b4c6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,5rem);font-weight:900}h2{margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3.5rem);display:inline-block;position:relative}h2:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:0}h3{margin-bottom:var(--spacing-sm);font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;top:0;left:0}.glass-card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:#667eea4d;transform:translateY(-8px)}.glass-card:hover:before{opacity:1}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);z-index:1;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);z-index:-1;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;top:0;left:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:var(--text-primary);box-shadow:0 4px 20px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea99}.btn-secondary{color:var(--text-primary);background:0 0;border:2px solid #fff3}.btn-secondary:hover{border-color:var(--primary);background:#667eea1a;transform:translateY(-2px)}.container{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}section{padding:var(--spacing-xl)0;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.animate-on-scroll{opacity:0;animation:.8s forwards fadeInUp}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}@media (max-width:768px){:root{--spacing-lg:3rem;--spacing-xl:4rem}section{padding:var(--spacing-lg)0}h2:after{width:40px;height:3px}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary)0%,var(--primary-light)100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light)0%,var(--secondary)100%)}::selection{color:var(--text-primary);background:#667eea4d}::selection{color:var(--text-primary);background:#667eea4d}.navbar{z-index:1000;width:100%;transition:all var(--transition-base);background:0 0;padding:1.25rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#0a0a0ff2;border-bottom:1px solid #ffffff1a;padding:.875rem 0;box-shadow:0 4px 30px #0000004d}.navbar-container{max-width:1400px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:.75rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.navbar-brand:hover{transform:translateY(-2px)}.brand-icon{filter:drop-shadow(0 4px 8px #667eea66);font-size:2rem}.brand-name{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;gap:var(--spacing-md);display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:80%}.navbar-actions{align-items:center;gap:var(--spacing-sm);display:flex}.btn-small{padding:.625rem 1.5rem;font-size:.9375rem}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.mobile-menu-toggle span{background:var(--text-primary);width:28px;height:3px;transition:all var(--transition-base);border-radius:2px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translateY(8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}@media (max-width:1024px){.navbar-menu{gap:var(--spacing-sm)}.nav-link{padding:.5rem .75rem;font-size:.9375rem}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.navbar-actions{display:none}.navbar-menu{-webkit-backdrop-filter:blur(20px);width:280px;height:100vh;transition:right var(--transition-base);background:#0a0a0ffa;border-left:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:0;padding:6rem 2rem 2rem;position:fixed;top:0;right:-100%;box-shadow:-4px 0 30px #0000004d}.navbar-menu.active{right:0}.nav-link{border-bottom:1px solid #ffffff0d;width:100%;padding:1rem;font-size:1.125rem}.nav-link:after{display:none}.nav-link:hover{background:#667eea1a}}@media (max-width:480px){.navbar-container{padding:0 var(--spacing-sm)}.brand-name{font-size:1.25rem}.brand-icon{font-size:1.75rem}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-tag{margin-top:3rem}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:400px;height:400px;animation-delay:7s;top:50%;right:-5%}.orb-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:350px;height:350px;animation-delay:14s;bottom:-10%;left:30%}.hero-content{z-index:1;opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;transition:all 1s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:translateY(40px)}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-text{flex-direction:column;gap:1.5rem;display:flex}.hero-tag{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#667eea1a;border:1px solid #667eea4d;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;animation:.8s .2s forwards slideInLeft;display:inline-flex}.hero-content.visible .hero-tag{opacity:1}.tag-icon{font-size:1rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#667eea 50%,#f093fb 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:900;line-height:1.1;animation:8s infinite gradientShift,.8s .4s forwards slideInLeft}.hero-content.visible .hero-title{opacity:1}.hero-role{color:var(--primary);opacity:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;animation:.8s .6s forwards slideInLeft}.hero-content.visible .hero-role{opacity:1}.hero-headline{color:var(--text-secondary);opacity:0;max-width:600px;font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.6;animation:.8s .8s forwards slideInLeft}.hero-content.visible .hero-headline{opacity:1}.hero-location{color:var(--text-secondary);opacity:0;align-items:center;gap:.5rem;font-size:1rem;animation:.8s 1s forwards slideInLeft;display:flex}.hero-content.visible .hero-location{opacity:1}.location-icon{font-size:1.25rem}.hero-cta{opacity:0;flex-wrap:wrap;gap:1rem;margin-top:1rem;animation:.8s 1.2s forwards slideInLeft;display:flex}.hero-content.visible .hero-cta{opacity:1}.btn-arrow{transition:transform var(--transition-base);display:inline-block}.btn:hover .btn-arrow{transform:translate(4px)}.hero-social{opacity:0;gap:1rem;margin-top:1rem;animation:.8s 1.4s forwards slideInLeft;display:flex}.hero-content.visible .hero-social{opacity:1}.social-link{width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.hero-decoration{opacity:0;width:100%;height:600px;animation:1s 1s forwards fadeIn;position:relative}.hero-content.visible .hero-decoration{opacity:1}.floating-card{-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 8px 32px #0003}.floating-card:hover{border-color:#667eea80;transform:translateY(-10px)scale(1.05);box-shadow:0 16px 48px #667eea4d}.card-icon{filter:drop-shadow(0 4px 8px #0000004d);font-size:3rem}.card-text{color:var(--text-primary);font-size:1.125rem;font-weight:600}.card-1{animation-delay:0s;top:10%;left:10%}.card-2{animation-delay:1.5s;top:20%;right:5%}.card-3{animation-delay:3s;bottom:25%;left:5%}.card-4{animation-delay:4.5s;bottom:10%;right:15%}.scroll-indicator{color:var(--text-muted);opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:1s 2s forwards fadeIn;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-content.visible~.scroll-indicator{opacity:1}.mouse{border:2px solid var(--text-muted);border-radius:20px;width:26px;height:40px;position:relative}.wheel{background:var(--text-muted);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scroll;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scroll{0%,to{opacity:1;top:8px}50%{opacity:.5;top:20px}}.scroll-indicator p{font-size:.875rem;font-weight:500}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-text{align-items:center}.hero-tag,.hero-location,.hero-headline{max-width:100%}.hero-cta,.hero-social{justify-content:center}.hero-decoration{height:400px}.floating-card{padding:1.5rem}.card-icon{font-size:2.5rem}.card-text{font-size:1rem}}@media (max-width:768px){.hero{padding:1.5rem 1rem}.hero-content{gap:2rem}.hero-decoration{display:none}.orb-1,.orb-2,.orb-3{width:300px;height:300px}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{justify-content:center;width:100%}}@media (max-width:480px){.hero-social{gap:.75rem}.social-link{width:44px;height:44px}.scroll-indicator{bottom:1rem}}.about{background:linear-gradient(180deg,var(--bg-dark)0%,var(--bg-darker)100%);position:relative}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-subtitle{color:var(--text-secondary);margin-top:var(--spacing-sm);font-size:clamp(1rem,2vw,1.25rem)}.about-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:1.5fr 1fr;display:grid}.about-text{gap:var(--spacing-md);flex-direction:column;display:flex}.about-intro{gap:var(--spacing-md);align-items:flex-start;display:flex}.intro-icon{filter:drop-shadow(0 4px 8px #667eea66);flex-shrink:0;font-size:3rem}.intro-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.about-highlights{gap:var(--spacing-md);display:grid}.highlight-item{gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:flex-start;display:flex}.highlight-item:hover{background:#667eea0d;transform:translate(8px)}.highlight-icon{border-radius:var(--radius-sm);background:#667eea1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.highlight-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.highlight-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.about-stats{gap:var(--spacing-md);display:grid}.stat-card{padding:var(--spacing-md);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);width:100%;height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;transform:scaleX(0)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-4px)}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;line-height:1}.stat-label{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600}.stat-icon{opacity:.5;font-size:2rem}.about-education{margin-top:var(--spacing-xl)}.education-title{margin-bottom:var(--spacing-md);text-align:center;font-size:clamp(1.75rem,3vw,2.25rem)}.education-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.education-card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.education-header{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);align-items:flex-start;display:flex}.education-icon{filter:drop-shadow(0 4px 8px #667eea66);flex-shrink:0;font-size:3rem}.education-info{flex:1}.education-info h4{color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,1.5rem)}.institution{color:var(--primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.education-meta{gap:var(--spacing-sm);color:var(--text-secondary);flex-wrap:wrap;font-size:.9375rem;display:flex}.education-meta span{background:#667eea1a;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;display:flex}.education-description{color:var(--text-secondary);padding-left:calc(3rem + var(--spacing-md));font-size:1rem;line-height:1.8}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:.6s forwards countUp}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.about-content{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-intro{text-align:center;flex-direction:column}.intro-icon{align-self:center}.highlight-item,.education-header{text-align:center;flex-direction:column;align-items:center}.education-info{text-align:center}.education-meta{justify-content:center}.education-description{text-align:center;padding-left:0}}@media (max-width:480px){.about-stats{grid-template-columns:1fr}.education-meta{flex-direction:column;align-items:center}.education-meta span{justify-content:center;width:100%}}.skills{background:var(--bg-darker);position:relative}.skills:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);width:100%;height:1px;position:absolute;top:0;left:0}.skills-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.skill-card{padding:var(--spacing-md);transition:all var(--transition-base);position:relative;overflow:hidden}.skill-card:after{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);background:radial-gradient(circle at 100% 0,#667eea1a,#0000 60%);position:absolute;top:0;left:0}.skill-card:hover:after{opacity:1}.skill-card:hover{box-shadow:var(--shadow-lg),0 0 40px #667eea4d;transform:translateY(-8px)scale(1.02)}.skill-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.skill-icon{border-radius:var(--radius-md);width:64px;height:64px;transition:all var(--transition-base);filter:drop-shadow(0 4px 8px #0003);background:#667eea1a;flex-shrink:0;justify-content:center;align-items:center;font-size:3rem;display:flex}.skill-card:hover .skill-icon{background:#667eea33;transform:scale(1.1)rotate(5deg)}.skill-info{flex:1}.skill-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem}.skill-category{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.skill-description{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9375rem;line-height:1.6}.skill-level{align-items:center;gap:var(--spacing-sm);display:flex}.level-bar{background:#ffffff0d;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.level-fill{background:linear-gradient(90deg,var(--primary)0%,var(--accent)100%);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);animation:1.5s ease-in-out fillBar;position:relative}.level-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s ease-in-out infinite shimmer;position:absolute;top:0;left:0}@keyframes fillBar{0%{width:0!important}}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.level-text{color:var(--primary);text-align:right;min-width:50px;font-size:.875rem;font-weight:700}.skills-categories{margin-top:var(--spacing-xl);text-align:center}.categories-title{margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,3vw,2rem)}.categories-list{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-badge{color:var(--text-primary);transition:all var(--transition-base);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea4d;border-radius:50px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600}.category-badge:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 4px 20px #667eea4d}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skill-card{opacity:0;animation:.6s forwards fadeInScale}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-header{text-align:left;flex-direction:row}.skill-icon{width:56px;height:56px;font-size:2.5rem}}@media (max-width:480px){.skill-card{padding:var(--spacing-sm)}.category-badge{padding:.625rem 1.25rem;font-size:.875rem}}.projects{background:linear-gradient(180deg,var(--bg-darker)0%,var(--bg-dark)100%);position:relative}.projects-filter{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600}.filter-btn:hover{color:var(--text-primary);background:#667eea1a;border-color:#667eea4d;transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);color:var(--text-primary);border-color:#0000;box-shadow:0 4px 20px #667eea66}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.project-card{transition:all var(--transition-base);opacity:0;padding:0;animation:.6s forwards fadeInScale;overflow:hidden}.project-card.featured{grid-column:span 1;position:relative}.featured-badge{top:var(--spacing-sm);right:var(--spacing-sm);z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background:#ffd700e6;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 20px #ffd7004d}.project-image-wrapper{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;height:340px;position:relative;overflow:hidden}.project-image{object-fit:contain;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{transform:scale(1.03)}.project-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);background:linear-gradient(#0000 0%,#000000f2 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{opacity:1}.overlay-content{gap:var(--spacing-sm);transition:transform var(--transition-base);display:flex;transform:translateY(20px)}.project-card:hover .overlay-content{transform:translateY(0)}.overlay-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-base);background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:flex}.overlay-btn:hover{background:var(--gradient-primary);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.project-content{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.project-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.5rem;display:flex}.project-title{color:var(--text-primary);flex:1;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.3}.project-category{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#667eea26;border:1px solid #667eea4d;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.project-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.7;display:-webkit-box;overflow:hidden}.project-tech{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tech-badge{color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.tech-badge:hover{color:var(--primary);background:#667eea1a;border-color:#667eea4d}.project-links{gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #ffffff0d;display:flex}.project-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.project-link:hover{color:var(--text-primary);background:#667eea26;border-color:#667eea4d;transform:translateY(-2px)}.project-link svg{transition:transform var(--transition-fast)}.project-link:hover svg{transform:translate(2px)}.no-projects{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:1.125rem}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}.project-header{flex-direction:column;align-items:flex-start}.project-category{width:fit-content}.overlay-content{flex-direction:column}.overlay-btn{justify-content:center;width:100%}}@media (max-width:480px){.filter-btn{padding:.625rem 1.25rem;font-size:.875rem}.project-image-wrapper{height:260px}.project-content{padding:var(--spacing-sm)}.project-links{flex-direction:column}.project-link{width:100%}}.experience{background:var(--bg-dark);position:relative}.timeline{max-width:1200px;padding:var(--spacing-md)0;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,transparent,var(--primary),transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:100%;margin-bottom:var(--spacing-xl);opacity:0;animation:.8s forwards fadeInScale;position:relative}.timeline-item.left .timeline-content{margin-right:52%}.timeline-item.right .timeline-content{margin-left:52%}.timeline-marker{z-index:2;position:absolute;top:0;left:50%;transform:translate(-50%)}.marker-dot{background:var(--gradient-primary);border:4px solid var(--bg-dark);border-radius:50%;width:24px;height:24px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #667eea33}.marker-line{background:#667eea4d;width:2px;height:40px;margin:0 auto}.timeline-content{padding:var(--spacing-md);transition:all var(--transition-base)}.timeline-content:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-8px)}.timeline-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:flex-start;display:flex}.timeline-icon{filter:drop-shadow(0 4px 8px #667eea66);flex-shrink:0;font-size:2.5rem}.timeline-info{flex:1}.timeline-title{color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,1.5rem)}.timeline-company{color:var(--primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.timeline-meta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.meta-item{color:var(--text-secondary);background:#667eea1a;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.timeline-description{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:1rem;line-height:1.8}.timeline-achievements{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff0d}.achievements-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:600}.achievements-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.achievement-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:flex-start;gap:.75rem;padding:.5rem;font-size:.9375rem;line-height:1.6;display:flex}.achievement-item:hover{background:#667eea0d;transform:translate(8px)}.achievement-bullet{width:24px;height:24px;color:var(--primary);background:#667eea26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}@media (max-width:768px){.timeline:before,.timeline-marker{left:24px}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{margin-left:60px;margin-right:0}.timeline-header{text-align:center;flex-direction:column;align-items:center}.timeline-icon{align-self:center}.timeline-meta{justify-content:center}}@media (max-width:480px){.timeline-content{padding:var(--spacing-sm)}.timeline-icon{font-size:2rem}.meta-item{padding:.25rem .625rem;font-size:.8125rem}.achievement-item{font-size:.875rem}}.contact{background:linear-gradient(180deg,var(--bg-dark)0%,var(--bg-darker)100%);position:relative}.contact-content{gap:var(--spacing-xl);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}.contact-info{gap:var(--spacing-md);flex-direction:column;display:flex}.info-card{padding:var(--spacing-md);text-align:center;transition:all var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.info-icon{margin-bottom:var(--spacing-sm);filter:drop-shadow(0 4px 8px #667eea66);font-size:2.5rem}.info-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.info-link{color:var(--primary);transition:all var(--transition-fast);word-break:break-word;font-weight:600;text-decoration:none;display:inline-block}.info-link:hover{color:var(--accent);transform:translateY(-2px)}.info-text{color:var(--text-secondary);margin:0}.contact-social{padding:var(--spacing-md);text-align:center;border-radius:var(--radius-lg);background:#667eea0d;border:1px solid #667eea1a}.contact-social h3{margin-bottom:var(--spacing-sm);font-size:1.125rem}.social-links{gap:var(--spacing-sm);justify-content:center;display:flex}.contact-form{padding:var(--spacing-lg)}.form-title{margin-bottom:var(--spacing-md);text-align:center;font-size:clamp(1.5rem,3vw,2rem)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9375rem;font-weight:600;display:block}.form-group input,.form-group textarea{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-base);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:150px}.contact-form .btn{width:100%;margin-top:var(--spacing-sm);padding:1.125rem 2rem;font-size:1.125rem}.form-status{text-align:center;margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--primary);background:#667eea1a;font-weight:600}@media (max-width:1024px){.contact-content{grid-template-columns:1fr}.contact-info{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.contact-social{grid-column:span 2}}@media (max-width:768px){.contact-info{grid-template-columns:1fr}.contact-social{grid-column:span 1}.contact-form{padding:var(--spacing-md)}}@media (max-width:480px){.form-group input,.form-group textarea{padding:.75rem;font-size:.9375rem}.contact-form .btn{padding:1rem;font-size:1rem}}.footer{background:linear-gradient(180deg,var(--bg-darker)0%,#000 100%);padding:var(--spacing-xl)0 var(--spacing-md);position:relative}.footer:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);width:100%;height:1px;position:absolute;top:0;left:0}.footer-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{gap:var(--spacing-sm);flex-direction:column;display:flex}.brand-logo{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.logo-icon{filter:drop-shadow(0 4px 8px #667eea66);font-size:2rem}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:800}.brand-tagline{color:var(--primary);font-size:1rem;font-weight:600}.brand-description{color:var(--text-secondary);max-width:400px;font-size:.9375rem;line-height:1.7}.footer-links h4,.footer-contact h4,.footer-social h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:700}.footer-links ul,.footer-contact ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a,.footer-contact a{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;text-decoration:none;display:flex}.footer-links a:hover,.footer-contact a:hover{color:var(--primary);transform:translate(4px)}.contact-icon{font-size:1rem}.social-links{gap:var(--spacing-sm);display:flex}.social-link{width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--text-primary);background:#667eea33;border-color:#667eea80;transform:translateY(-4px)}.footer-bottom{margin-top:var(--spacing-lg)}.footer-divider{height:1px;margin-bottom:var(--spacing-md);background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.footer-copyright{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-copyright p{color:var(--text-muted);margin:0;font-size:.875rem}.heart{color:#ff4757;animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}}@media (max-width:768px){.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-brand{text-align:center;grid-column:span 1;align-items:center}.brand-logo{justify-content:center}.brand-description,.footer-links,.footer-contact,.footer-social{text-align:center}.footer-links ul,.footer-contact ul{align-items:center}.social-links{justify-content:center}}@media (max-width:480px){.footer{padding:var(--spacing-lg)0 var(--spacing-sm)}.footer-content{gap:var(--spacing-md)}.footer-copyright{font-size:.8125rem}}