*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #ec4899;--color-accent: #14b8a6;--color-ml-blue: #3b82f6;--color-ml-purple: #8b5cf6;--color-bg-dark: #0a0a0f;--color-bg-darker: #050508;--color-bg-light: #1a1a2e;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #1e293b;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-ml: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-dark: linear-gradient(180deg, #0a0a0f 0%, #1a1a2e 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(99, 102, 241, .3);--shadow-glow-ml: 0 0 40px rgba(139, 92, 246, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.navbar{position:fixed;top:0;width:100%;background:#0a0a0fcc;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--color-border);z-index:1000;transition:all var(--transition-base)}.navbar.scrolled{background:#0a0a0ff2;box-shadow:var(--shadow-lg)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:var(--font-size-xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all var(--transition-base)}.nav-logo:hover{transform:scale(1.05)}.navbar-modern{position:fixed;top:0;left:0;right:0;z-index:9999;padding:var(--spacing-sm) 0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.navbar-modern.scrolled{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(99,102,241,.1);box-shadow:0 4px 30px #0000001a}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-logo-modern{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);text-decoration:none;font-family:Inter,sans-serif;z-index:10}.logo-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-menu-modern{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link-modern{position:relative;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link-modern:hover{color:var(--color-text-primary);background:#6366f11a}.nav-link-modern.active{color:var(--color-primary)}.nav-link-indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px 2px 0 0}.hamburger-modern{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:10000;position:relative;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,102,241,.3)}.hamburger-modern span{width:28px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-modern.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger-modern.active span:nth-child(2){opacity:0}.hamburger-modern.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-modern{background:#0f172afa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(99,102,241,.2);padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;z-index:999;pointer-events:auto;touch-action:manipulation}.mobile-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;padding:.75rem 1rem;border-radius:8px;transition:all .3s;cursor:pointer;display:block;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,102,241,.2);user-select:none;-webkit-user-select:none}.mobile-link:hover,.mobile-link.active,.mobile-link:active{color:var(--color-primary);background:#6366f11a}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background:var(--color-text-primary);border-radius:2px;transition:all var(--transition-base)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-orb{position:absolute;filter:blur(90px);opacity:.5;will-change:transform,border-radius}.orb-1{width:600px;height:600px;background:radial-gradient(circle at 30% 50%,#667eea,#764ba2,transparent);top:-15%;left:-10%;animation:meshGradient1 25s infinite ease-in-out}.orb-2{width:500px;height:500px;background:radial-gradient(circle at 60% 40%,#f093fb,#f5576c,transparent);bottom:-20%;right:-5%;animation:meshGradient2 30s infinite ease-in-out;animation-delay:5s}.orb-3{width:550px;height:550px;background:radial-gradient(circle at 50% 50%,#4facfe,#00f2fe,transparent);top:40%;right:15%;animation:meshGradient3 28s infinite ease-in-out;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 var(--spacing-md)}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md)}.title-line{display:inline-block;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.stat-item{padding:var(--spacing-md);background:#ffffff08;border:1px solid var(--color-border);border-radius:12px;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:all var(--transition-base)}.stat-item:hover{transform:translateY(-5px);background:#ffffff0d;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.stat-number{font-size:var(--font-size-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.cta-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:1rem 2rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);box-shadow:0 10px 30px #6366f14d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #6366f180}.cta-button .arrow-icon{transition:transform var(--transition-base)}.cta-button:hover .arrow-icon{transform:translate(5px)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.mouse{width:24px;height:40px;border:2px solid var(--color-text-secondary);border-radius:20px;position:relative}.wheel{width:4px;height:8px;background:var(--color-text-secondary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}@keyframes meshGradient1{0%,to{transform:translate(0) scale(1) rotate(0);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{transform:translate(30px,-50px) scale(1.1) rotate(120deg);border-radius:30% 60% 70% 40%/50% 60% 30%}66%{transform:translate(-20px,30px) scale(.9) rotate(240deg);border-radius:70% 30% 50% 50%/30% 70% 70% 30%}}@keyframes meshGradient2{0%,to{transform:translate(0) scale(1) rotate(0);border-radius:40% 60% 60% 40%/70% 50% 50% 70%}33%{transform:translate(-40px,40px) scale(1.15) rotate(-120deg);border-radius:60% 40% 30% 70%/40% 70% 60% 50%}66%{transform:translate(30px,-30px) scale(.85) rotate(-240deg);border-radius:50% 50% 70% 30%/60% 40% 40% 60%}}@keyframes meshGradient3{0%,to{transform:translate(0) scale(1) rotate(0);border-radius:50% 50% 30% 70%/50% 70% 30% 50%}33%{transform:translate(40px,40px) scale(1.05) rotate(90deg);border-radius:70% 30% 50% 50%/70% 30%}66%{transform:translate(-35px,-20px) scale(.95) rotate(180deg);border-radius:30% 70% 70% 30%/50%}}.resume-download{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important}.resume-download:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 10px 40px #667eea66!important}.section{padding:var(--spacing-xl) 0;position:relative}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;text-align:center;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-light) 50%,var(--color-bg-dark) 100%)}.about-content{max-width:800px;margin:0 auto}.about-text{background:#ffffff08;border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.about-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.about-description:last-child{margin-bottom:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.skill-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.skill-card:hover{transform:translateY(-10px);background:#ffffff0d;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.skill-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.skill-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.skill-card p{color:var(--color-text-secondary);line-height:1.6}.skills-section{background:linear-gradient(180deg,var(--color-bg-darker) 0%,var(--color-bg-dark) 100%)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.skill-category{background:#ffffff08;border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.skill-category:hover{transform:translateY(-10px) scale(1.03);background:#ffffff0d;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.category-icon{font-size:2rem;line-height:1}.category-title{font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-tag{display:inline-block;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;color:var(--color-text-primary);font-size:.875rem;font-weight:500;transition:all var(--transition-base);cursor:pointer}.skill-tag:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.experience-section{background:var(--color-bg-darker)}.timeline{max-width:800px;margin:var(--spacing-lg) auto 0;position:relative;padding-left:var(--spacing-lg)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.timeline-item{position:relative;margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md)}.timeline-dot{position:absolute;left:-27.5px;top:0;width:14px;height:14px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px var(--color-bg-darker),0 0 0 6px var(--color-primary);z-index:1}.timeline-content{background:#ffffff08;border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-md);transition:all var(--transition-base)}.timeline-content:hover{background:#ffffff0d;border-color:var(--color-primary);transform:translate(10px)}.timeline-content h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.timeline-company{color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-date{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.timeline-description{color:var(--color-text-secondary);line-height:1.7}.projects-section{background:var(--color-bg-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.project-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);background:#ffffff0d;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.project-header{margin-bottom:var(--spacing-md)}.project-header h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.project-tag{display:inline-block;padding:.25rem .75rem;background:#6366f133;color:var(--color-primary-light);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-content{flex:1;margin-bottom:var(--spacing-md)}.project-content h4{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary-light);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-sm)}.project-content h4:first-child{margin-top:0}.project-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.tech-tag{padding:.25rem .75rem;background:#14b8a61a;color:var(--color-accent);border:1px solid rgba(20,184,166,.3);border-radius:20px;font-size:var(--font-size-xs);font-weight:500}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary-light);text-decoration:none;font-weight:600;transition:all var(--transition-base);margin-top:auto}.project-link:hover{color:var(--color-primary);gap:var(--spacing-sm)}.project-link svg{transition:transform var(--transition-base)}.project-link:hover svg{transform:translate(5px)}.contact-section{background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 100%)}.contact-content{max-width:700px;margin:0 auto;text-align:center}.contact-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.contact-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.contact-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1rem 2rem;background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-primary);text-decoration:none;border-radius:50px;font-weight:600;transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.contact-button:hover{background:var(--gradient-primary);border-color:transparent;transform:translateY(-3px);box-shadow:var(--shadow-glow)}.contact-button svg{transition:transform var(--transition-base)}.contact-button:hover svg{transform:scale(1.1)}.footer{padding:var(--spacing-lg) 0;background:var(--color-bg-darker);border-top:1px solid var(--color-border);text-align:center}.footer p{color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}.delay-6{animation-delay:1.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 768px){.nav-menu{position:fixed;top:70px;right:-100%;width:70%;height:calc(100vh - 70px);background:#0a0a0ffa;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));flex-direction:column;padding:var(--spacing-lg);border-left:1px solid var(--color-border);transition:right var(--transition-base)}.nav-menu.active{right:0}.hamburger{display:flex}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-stats{grid-template-columns:repeat(2,1fr)}.skills-grid,.projects-grid{grid-template-columns:1fr}.timeline{padding-left:var(--spacing-md)}.timeline-dot{left:-23px}.contact-links{flex-direction:column;align-items:stretch}.contact-button{justify-content:center}}@media (max-width: 480px){:root{--spacing-lg: 3rem;--spacing-xl: 4rem}.hero-stats{grid-template-columns:1fr}.stat-item{padding:var(--spacing-sm)}}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(20,184,166,.08) 0%,transparent 40%);z-index:0}.hero-container{position:relative;z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content-center{max-width:800px;margin:0 auto;text-align:center}.hero-content-center .hero-text{max-width:100%}.hero-content-center .hero-stats-grid{max-width:700px;margin-left:auto;margin-right:auto}.hero-content-center .hero-cta{justify-content:center}.mouse-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.15),rgba(139,92,246,.1) 40%,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);filter:blur(60px);opacity:.8;transition:opacity .3s ease}.mouse-glow:hover{opacity:1}.hero-text{max-width:600px}.hero-label{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.hero-name{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:var(--spacing-md);white-space:nowrap}.gradient-text{background:linear-gradient(135deg,#fff,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-role{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.hero-role h2{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;color:var(--color-text-secondary)}.role-divider{color:var(--color-primary);font-weight:300}.hero-tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6;min-height:1.6em}.cursor-blink{animation:blink 1s infinite;color:var(--color-primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.hero-stats-grid .stat-item{text-align:center;padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.hero-stats-grid .stat-item:hover{transform:translateY(-8px) scale(1.05);background:#6366f11a;border-color:var(--color-primary);box-shadow:0 20px 40px #6366f14d}.hero-stats-grid .stat-number{font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-ml);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stats-grid .stat-number span{font-size:var(--font-size-lg)}.hero-stats-grid .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-base);cursor:pointer}.btn-primary{background:var(--gradient-ml);color:#fff;box-shadow:0 10px 30px #6366f14d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #6366f180}.btn-secondary{background:#ffffff0d;color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.btn-secondary:hover{background:#ffffff1a;border-color:var(--color-primary);transform:translateY(-3px)}.hero-visual{position:relative}.code-window{background:#0a0a0fcc;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:0 20px 60px #00000080}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border-bottom:1px solid var(--color-border)}.code-dots{display:flex;gap:6px}.code-dots span{width:12px;height:12px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27c93f}.code-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.code-content{padding:1.5rem;font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary);overflow-x:auto}.code-content pre{margin:0}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:var(--color-text-muted)}.scroll-line{width:2px;height:30px;background:linear-gradient(180deg,var(--color-primary),transparent);margin:0 auto var(--spacing-sm);position:relative}.scroll-line:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:scrollDot 2s infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%) translateY(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(20px)}}.scroll-indicator span{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.interactive{cursor:pointer}@media (min-width: 1024px){body,a,button,.interactive{cursor:none}}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-visual{order:-1}.code-window{max-width:100%}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.hero-cta{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.nav-menu-modern{display:none}.hamburger-modern{display:flex;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}.navbar-modern{z-index:9999!important;pointer-events:auto!important}.mobile-menu-modern{z-index:9998!important;pointer-events:auto!important;width:100%;box-sizing:border-box}.mobile-link{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;min-height:44px;display:flex!important;align-items:center}.nav-logo-modern{font-size:1.25rem}body,a,button{cursor:auto!important}.custom-cursor,.cursor-glow{display:none!important}}@media (max-width: 640px){.hero-stats-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.github-calendar-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.github-calendar-wrapper{padding:.5rem}.github-calendar-wrapper>div{font-size:12px!important}}@media (max-width: 640px){.github-calendar-wrapper{padding:.25rem}.github-calendar-wrapper>div{font-size:10px!important}section.py-20{padding-top:3rem!important;padding-bottom:3rem!important}}@media (max-width: 768px){.container{padding:0 1rem}.hero-name{white-space:normal}.nav-container{padding:0 1rem}}@media (max-width: 480px){.hero-title{font-size:clamp(2rem,8vw,3.5rem)}.hero-subtitle{font-size:clamp(1.25rem,4vw,2rem)}.section-title{font-size:clamp(1.75rem,5vw,3rem)}.section{padding:3rem 0}.skills-grid,.projects-grid{grid-template-columns:1fr;gap:1rem}}