@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #ffffff;--secondary-bg: #ffffff;--accent: #111111;--accent-hover: #000000;--accent-light: #f2f2f2;--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #777777;--border-color: #e5e5e5;--border-hover: #d4d4d4;--glass-bg: #ffffff;--glass-border: #e5e5e5;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}html.dark{--primary-bg: #0f0f0f;--secondary-bg: #0f0f0f;--accent: #ffffff;--accent-hover: #f5f5f5;--accent-light: #222222;--text-primary: #f5f5f5;--text-secondary: #cfcfcf;--text-tertiary: #a3a3a3;--border-color: #262626;--border-hover: #333333;--glass-bg: #0f0f0f;--glass-border: #262626;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--primary-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}code{font-family:var(--font-mono)}.App{position:relative;min-height:100vh;z-index:1}#tsparticles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none}html{scroll-behavior:smooth}::selection{background-color:var(--accent);color:#fff}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--primary-bg: #121212;--secondary-bg: #1e1e1e;--accent: #ffffff;--text-primary: #ffffff;--text-secondary: #bbbbbb;--border-color: #333333}body{background-color:var(--primary-bg);color:var(--text-primary)}.App{position:relative;min-height:100vh;width:100%;overflow-x:hidden}.navbar-container{width:100%}.App-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:opacity var(--transition-base)}.App-header.show{opacity:1;pointer-events:auto}.App-header.hide{opacity:0;pointer-events:none}section{position:relative;width:100%;min-height:100vh;padding-top:72px;opacity:1}.App-footer{background:var(--secondary-bg);border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;margin-top:var(--space-3xl)}.copyright{font-size:.875rem;color:var(--text-tertiary);margin:0}.contact-info{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.App-footer p{margin:0;color:var(--text-secondary)}.App-footer p a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.App-footer p a:hover{color:var(--accent)}.main-content{position:relative;width:100%;z-index:1}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-xl);width:100%}@media(max-width:768px){.container{padding:0 var(--space-lg)}section{padding-top:64px}}.custom-navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:var(--secondary-bg);border-bottom:1px solid var(--border-color)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto;padding:var(--space-md) var(--space-lg);min-height:72px;width:100%;gap:var(--space-lg)}.navbar-left{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.navbar-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.navbar-links{display:flex;justify-content:center;align-items:center;gap:var(--space-md);list-style:none;margin:0;padding:0;flex:1;flex-wrap:wrap}.navbar-links li{margin:0}.nav-link{position:relative;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:color var(--transition-base)}.nav-link span{position:relative;z-index:1}.nav-link:hover,.nav-link.active{color:var(--text-primary)}@media screen and (max-width:768px){.navbar-inner{padding:var(--space-md) var(--space-lg);min-height:64px}.navbar-links{justify-content:flex-end;gap:var(--space-sm)}.theme-toggle,.social-icon{width:36px;height:36px;font-size:1rem}}@media screen and (max-width:480px){.navbar-inner{padding:var(--space-md)}.navbar-logo-wrapper{width:40px;height:40px}.navbar-logo{height:32px;width:32px}}.about-section{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:var(--space-3xl) var(--space-lg);background:transparent;position:relative}.about-container{max-width:900px;width:100%;margin:0 auto;padding:0 var(--space-xl);z-index:2}.about-content{display:block;max-width:700px;width:100%;gap:0;align-items:start}.about-text{text-align:left}.about-intro{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-lg)}.about-intro .highlight{color:var(--accent);font-weight:600;position:relative}.about-skills{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.about-skills h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary);font-family:var(--font-mono)}.skill-list{list-style:none;padding:0;margin:0;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.skill-list li{position:relative;padding-left:.9rem;margin-bottom:var(--space-xs);line-height:1.6}.skill-list li:before{content:"•";position:absolute;left:0;color:var(--text-tertiary)}@media only screen and (max-width:968px){.about-section{justify-content:center}.about-container{text-align:center}.section-header{justify-content:center}.section-line{display:none}.about-content{gap:var(--space-lg)}.about-text{text-align:center}}@media only screen and (max-width:480px){.about-section{padding:var(--space-2xl) var(--space-md)}.about-container{padding:0 var(--space-md)}.about-intro{font-size:1rem}.section-title{white-space:normal}}.experience-page{padding:var(--space-3xl) var(--space-lg);color:var(--text-primary);background:transparent;min-height:100vh}.section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);font-family:var(--font-mono)}.section-number{font-size:1.25rem;color:var(--accent);font-weight:600}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);white-space:nowrap}.section-line{flex:1;height:1px;background:var(--border-color);margin-left:var(--space-md)}.experience-section{margin-bottom:var(--space-3xl);max-width:900px;margin-left:auto;margin-right:auto;padding:0 var(--space-xl)}.work-container{display:flex;flex-direction:column;gap:var(--space-xl);margin:0 auto}.work-item{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.work-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-sm)}.work-title{flex:1;text-align:left;min-width:200px;display:flex;flex-direction:column}.work-title h3{font-size:1.3rem;font-weight:600;margin:0;padding:0;color:var(--text-primary);line-height:1.2}.work-title h4{font-size:1rem;font-weight:500;margin:0;padding:0;margin-top:.125rem;color:var(--text-secondary);font-family:var(--font-mono);line-height:1.2}.work-meta{display:flex;flex-direction:column;text-align:right;gap:0;white-space:nowrap;font-size:.9rem;color:var(--text-secondary);line-height:1.2;align-items:flex-end}.work-meta span{font-weight:500;margin:0;padding:0;line-height:1.2}.work-details{margin:var(--space-md) 0 0 0;padding-left:var(--space-lg);list-style:none;color:var(--text-secondary)}.work-details li{margin-bottom:var(--space-xs);line-height:1.6}.tech-stack{margin-top:var(--space-md);font-size:.9rem;color:var(--text-secondary)}.tech-label{font-weight:600;color:var(--text-primary);margin-right:var(--space-sm)}@media(max-width:768px){.experience-page{padding:var(--space-2xl) var(--space-md)}.experience-section{padding:0 var(--space-md)}.section-header{justify-content:center;text-align:center}.section-line{display:none}.work-header{flex-direction:column;align-items:flex-start}.work-meta{text-align:left;flex-direction:row;gap:var(--space-md);margin-top:var(--space-sm)}.section-title{white-space:normal}}.home-section{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-3xl) var(--space-lg);background:transparent}.home-container{position:relative;z-index:1;max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.home-content{width:100%;text-align:left}.greeting-text{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:500}.name-text{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;margin:0 0 var(--space-md) 0;line-height:1.1;letter-spacing:-.02em}.role-text{margin-bottom:var(--space-xl);font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-secondary);font-weight:400}.intro-text{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:700px}.intro-text .highlight{color:var(--accent);font-weight:600;position:relative}.home-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap}.home-button{padding:var(--space-sm) var(--space-lg);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);border:1px solid var(--border-color);background:transparent;color:var(--text-primary)}.home-button.primary{background:var(--text-primary);color:var(--primary-bg);border-color:var(--text-primary)}.home-button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.social-links{display:flex;gap:var(--space-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base),border-color var(--transition-base);font-size:1.1rem}@media only screen and (max-width:768px){.home-section{padding:var(--space-2xl) var(--space-md);min-height:calc(100vh - 64px)}.home-content{text-align:center;max-width:600px;margin:0 auto}.intro-text{text-align:center;margin-left:auto;margin-right:auto}.home-actions{justify-content:center;align-items:center;flex-direction:column}.home-button{width:100%;max-width:300px}.social-links{justify-content:center}}@media only screen and (max-width:480px){.home-section{padding:var(--space-xl) var(--space-md)}.home-button{padding:var(--space-sm) var(--space-lg);font-size:.95rem}.social-link{width:44px;height:44px;font-size:1.1rem}}