:root{--color-background:#FFF;--color-surface:#FAFAFA;--color-foreground:#0A0A0A;--color-muted-foreground:#737373;--color-border:#E5E5E5;--color-accent:#0A0A0A;--color-accent-hover:#404040;--color-success:#10B981;--font-primary:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-display:80px;--font-size-hero:56px;--font-size-h2:40px;--font-size-h3:24px;--font-size-body-large:20px;--font-size-body:16px;--font-size-small:14px;--font-size-caption:12px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--line-height-tight:1;--line-height-heading:1.2;--line-height-subheading:1.3;--line-height-body:1.6;--line-height-small:1.5;--letter-spacing-tighter:-.03em;--letter-spacing-tight:-.02em;--letter-spacing-heading:-.01em;--letter-spacing-normal:0;--letter-spacing-wide:.01em;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--spacing-5xl:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-card:0 1px 3px #0000000d 0 1px 2px #00000008;--shadow-card-hover:0 10px 20px #00000014 0 4px 8px #0000000a;--duration-fast:200ms;--duration-base:300ms;--duration-slow:600ms;--easing-default:cubic-bezier(0.4,0,0.2,1);--container-max-width:1200px;--container-narrow:800px;--container-padding:48px}[data-theme="dark"]{--color-background:#0A0A0A;--color-surface:#171717;--color-foreground:#FAFAFA;--color-muted-foreground:#A3A3A3;--color-border:#262626;--color-accent:#FAFAFA;--color-accent-hover:#D4D4D4;--shadow-card:0 1px 3px #00000006 0 1px 2px #00000004;--shadow-card-hover:0 10px 20px #0000000a 0 4px 8px #00000005}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-foreground);background-color:var(--color-background);transition:background-color var(--duration-base) var(--easing-default),color var(--duration-base) var(--easing-default)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-regular);line-height:var(--line-height-heading)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--container-padding)}.theme-toggle-wrapper{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-section{min-height:500px;padding:var(--spacing-5xl) 0;display:flex;align-items:center}.hero-content{max-width:900px}.hero-name{font-size:var(--font-size-display);font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tighter);margin-bottom:var(--spacing-lg)}.name-part{display:block}.hero-tagline{font-size:var(--font-size-hero);font-weight:var(--font-weight-light);line-height:1.1;letter-spacing:var(--letter-spacing-tight);color:var(--color-muted-foreground);margin-bottom:var(--spacing-2xl)}.hero-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.availability,.location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-body)}.availability-dot{width:8px;height:8px;background-color:var(--color-success);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.skills-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.skills-section{margin-bottom:var(--spacing-lg)}.skills-section:last-child{margin-bottom:0}.skills-title{font-size:var(--font-size-h4);font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-accent)}.skill-tag{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-small);transition:background-color var(--duration-base) var(--easing-default),border-color var(--duration-base) var(--easing-default)}.skill-tag:hover{background-color:var(--color-surface)}.cta-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-body-large);color:var(--color-accent);position:relative}.cta-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-accent);transition:width var(--duration-base) var(--easing-default)}.cta-link:hover::after{width:calc(100% - 24px)}.cta-link:hover .arrow-icon{transform:translateX(4px)}.arrow-icon{transition:transform var(--duration-fast) var(--easing-default)}.experience-section{padding:var(--spacing-4xl) 0}.section-heading{font-size:var(--font-size-h2);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-heading);margin-bottom:var(--spacing-3xl)}.timeline{position:relative;padding-left:0}.experience-item{position:relative;margin-bottom:var(--spacing-2xl)}.experience-item:last-child{margin-bottom:0}.experience-card{display:flex;align-items:flex-start;gap:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);will-change:transform,box-shadow;transition:transform var(--duration-base) var(--easing-default),box-shadow var(--duration-base) var(--easing-default),background-color var(--duration-base) var(--easing-default),border-color var(--duration-base) var(--easing-default)}.experience-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-card-hover)}.card-content{flex:1;min-width:0}.company-logo{flex-shrink:0;width:128px;height:64px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color var(--duration-base) var(--easing-default),border-color var(--duration-base) var(--easing-default);display:flex;align-items:center;justify-content:center;overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md)}.experience-header{margin-bottom:var(--spacing-md)}.job-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.experience-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-muted-foreground)}.experience-description{margin-bottom:var(--spacing-md);line-height:var(--line-height-body)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-caption);transition:background-color var(--duration-fast) var(--easing-default)}.tech-tag:hover{background-color:var(--color-border)}.contact-section{padding:var(--spacing-4xl) 0}.contact-layout{display:grid;grid-template-columns:40% 60%;gap:var(--spacing-3xl)}.contact-layout-centered{display:flex;justify-content:center;align-items:center;max-width:600px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-text{font-size:var(--font-size-body-large);line-height:var(--line-height-body);color:var(--color-muted-foreground)}.contact-email{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body-large);color:var(--color-accent);position:relative}.contact-email::after{content:'';position:absolute;bottom:-2px;left:28px;width:0;height:1px;background-color:var(--color-accent);transition:width var(--duration-base) var(--easing-default)}.contact-email:hover::after{width:calc(100% - 28px)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:120px;transition:transform var(--duration-fast) var(--easing-default),background-color var(--duration-base) var(--easing-default),border-color var(--duration-base) var(--easing-default)}.social-card:hover{transform:translateY(-2px);background-color:var(--color-border)}.social-card span{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.footer{position:relative;padding:var(--spacing-2xl) 0;margin-top:var(--spacing-5xl)}.footer-fade{position:absolute;top:-200px;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,var(--color-background) 100%);pointer-events:none}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.copyright{font-size:var(--font-size-small);color:var(--color-muted-foreground)}.theme-toggle{position:relative;width:40px;height:40px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-base) var(--easing-default),border-color var(--duration-base) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.theme-toggle:hover{background-color:var(--color-border)}.theme-toggle:active{transform:scale(0.95)}.theme-toggle svg{position:absolute;transition:opacity var(--duration-base) var(--easing-default),transform var(--duration-base) var(--easing-default)}.sun-icon{opacity:1;transform:rotate(0deg)}.moon-icon{opacity:0;transform:rotate(180deg);stroke:#FFF}[data-theme="dark"] .sun-icon{opacity:0;transform:rotate(180deg)}[data-theme="dark"] .moon-icon{opacity:1;transform:rotate(0deg)}.back-to-top{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--easing-default)}.back-to-top:hover{color:var(--color-foreground)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--easing-default),transform var(--duration-slow) var(--easing-default)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.hero-content.animate-in .name-part:nth-child(1){transition-delay:0ms}.hero-content.animate-in .name-part:nth-child(2){transition-delay:100ms}.experience-item:nth-child(1).animate-in{transition-delay:0ms}.experience-item:nth-child(2).animate-in{transition-delay:150ms}.experience-item:nth-child(3).animate-in{transition-delay:300ms}.social-card:nth-child(1).animate-in{transition-delay:0ms}.social-card:nth-child(2).animate-in{transition-delay:80ms}.social-card:nth-child(3).animate-in{transition-delay:160ms}.social-card:nth-child(4).animate-in{transition-delay:240ms}@media (max-width: 1023px){:root{--container-padding:32px;--font-size-display:64px;--font-size-hero:48px;--font-size-h2:36px}.hero-section{padding:var(--spacing-3xl) 0}.experience-section,.blog-section,.contact-section{padding:var(--spacing-3xl) 0}.footer{margin-top:var(--spacing-4xl)}}@media (max-width: 767px){:root{--container-padding:24px;--font-size-display:48px;--font-size-hero:36px;--font-size-h2:32px;--font-size-h3:20px}.hero-section{min-height:auto;padding:var(--spacing-3xl) 0}.hero-meta{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.skills-container{gap:var(--spacing-xs)}.skills-title{font-size:var(--font-size-h4)}.skill-tag{font-size:var(--font-size-caption)}.experience-section,.blog-section,.contact-section{padding:var(--spacing-3xl) 0}.timeline{padding-left:var(--spacing-lg)}.experience-card{padding:var(--spacing-lg);flex-direction:column;gap:var(--spacing-md)}.company-logo{width:96px;height:48px;align-self:flex-end;order:-1;display:none}.contact-layout,.contact-layout-centered{grid-template-columns:1fr;gap:var(--spacing-2xl)}.social-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-content{flex-direction:column;text-align:center}.footer{margin-top:var(--spacing-3xl)}.theme-toggle{width:48px;height:48px}}@media (max-width: 480px){:root{--font-size-display:40px;--font-size-hero:28px}.hero-section{padding:var(--spacing-2xl) 0}}