@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #161616;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666666;--accent: #0078ff;--accent-hover: #0066dd;--border: #2a2a2a;--border-hover: #404040;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;opacity:1!important}.App{opacity:1!important;visibility:visible!important}.hero-content{opacity:1!important;visibility:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;z-index:10!important;position:relative!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:80px;max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.nav-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-decoration:none}.nav-links{display:flex;align-items:center;gap:var(--space-2xl);list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 0}.nav-link:hover{color:var(--text-primary);transform:translateY(-1px)}.nav-link.active{color:var(--text-primary);font-weight:600}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:1px}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-background{position:absolute;top:50%;right:10%;transform:translateY(-50%);z-index:1;opacity:.3}.hero-content{text-align:center;max-width:800px;z-index:2}.hero-title{font-size:clamp(3rem,8vw,8rem);font-weight:800;line-height:.9;margin-bottom:var(--space-lg);color:var(--text-primary);opacity:1!important;visibility:visible!important;position:relative;z-index:10}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-3xl);font-weight:400;opacity:1!important;visibility:visible!important;position:relative;z-index:10}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-3xl);font-weight:400;opacity:1!important;visibility:visible!important}.hero-cta{display:flex;gap:var(--space-lg);justify-content:center;align-items:center;opacity:1!important;visibility:visible!important}.btn{padding:var(--space-lg) var(--space-2xl);border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);transform:translateY(-2px)}.section{padding:var(--space-4xl) 0;position:relative;opacity:1!important;visibility:visible!important}.section *{opacity:1!important;visibility:visible!important}.section-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-2xl);text-align:center;color:var(--text-primary)}.section-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-4xl);max-width:600px;margin-left:auto;margin-right:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-4xl)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .4s var(--ease-out);cursor:pointer}.project-card:hover{border-color:var(--border-hover);transform:translateY(-8px)}.advanced-gsap-interactions{overflow:hidden}.interactive-element{position:absolute;color:var(--accent-primary);transition:all .3s ease;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;transform:translateZ(0);contain:layout style paint}@media (prefers-reduced-motion: reduce){.interactive-element{animation:none!important;transition:none!important}.advanced-gsap-interactions{display:none}}.interactive-element.floating{animation:float 6s ease-in-out infinite}.interactive-element.magnetic{cursor:pointer}.interactive-element.parallax{will-change:transform}.interactive-element.morphing{filter:drop-shadow(0 0 10px currentColor)}.interactive-element.particle{filter:drop-shadow(0 0 5px currentColor)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.project-shape{width:100%;height:240px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;opacity:.6;transition:opacity .3s ease}.project-card:hover .project-shape{opacity:.8}.project-content{padding:var(--space-xl)}.project-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm)}.project-description{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tech-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:4px;font-size:var(--font-size-xs);font-weight:500}.project-link{color:var(--accent);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--space-xs);transition:color .3s var(--ease-out)}.project-link:hover{color:var(--accent-hover)}.about-content-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4xl);margin-top:var(--space-4xl);max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.about-text{max-width:700px;text-align:center}.about-text p{font-size:var(--font-size-lg);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-lg);text-align:center;max-width:100%}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-top:var(--space-2xl);width:100%;max-width:600px}.about-interactive{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-top:var(--space-xl)}.about-matrix{display:flex;align-items:center;justify-content:center;opacity:.4}.stat-item{text-align:center;padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .3s var(--ease-out)}.stat-item:hover{border-color:var(--border-hover);transform:translateY(-4px)}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);display:block;margin-bottom:var(--space-xs)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.skill-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:var(--space-xl);text-align:center;transition:all .3s var(--ease-out)}.skill-item:hover{border-color:var(--border-hover);transform:translateY(-4px)}.skill-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);display:block}.skill-name{font-weight:600;margin-bottom:var(--space-sm)}.skill-level{color:var(--text-secondary);font-size:var(--font-size-sm)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.form-group{display:flex;flex-direction:column;text-align:left}.form-label{margin-bottom:var(--space-sm);font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);transition:border-color .3s var(--ease-out)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{resize:vertical;min-height:120px}.contact-links{display:flex;justify-content:center;gap:var(--space-xl)}.contact-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s var(--ease-out)}.contact-link:hover{color:var(--accent)}.experience-timeline{position:relative;max-width:800px;margin:0 auto}.experience-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--border)}.experience-item{position:relative;margin-bottom:var(--space-4xl);padding-left:80px}.experience-marker{position:absolute;left:21px;top:0;width:20px;height:20px;background:var(--accent);border:4px solid var(--bg-primary);border-radius:50%;z-index:2}.experience-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:var(--space-xl);transition:all .3s var(--ease-out)}.experience-content:hover{border-color:var(--border-hover);transform:translateY(-4px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.experience-position{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.experience-company{font-size:var(--font-size-lg);color:var(--accent);font-weight:600}.experience-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.experience-duration{background:var(--accent);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:6px;font-size:var(--font-size-sm);font-weight:600}.experience-location{color:var(--text-secondary);font-size:var(--font-size-sm)}.experience-responsibilities{margin:var(--space-lg) 0;padding-left:var(--space-lg)}.experience-responsibilities li{color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.experience-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.matrix-cell:hover{border-color:var(--accent)}.footer{padding:var(--space-3xl) 0;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.nav-links{display:none}.hero-cta{flex-direction:column}.about-content-grid{gap:var(--space-2xl)}.about-stats{grid-template-columns:1fr;gap:var(--space-lg)}.about-interactive{height:150px}.matrix-container-embedded{width:280px;height:160px;margin:0 auto}.experience-item{padding-left:60px}.experience-timeline:before{left:20px}.experience-marker{left:11px}.experience-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.contact-links{flex-direction:column;gap:var(--space-lg)}}.cursor{position:fixed;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s ease;mix-blend-mode:difference}.cursor-follower{position:fixed;width:32px;height:32px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:9998;transition:all .3s ease;opacity:.6}