@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700&display=swap";:root{--color-bg: #fafaf9;--color-bg-alt: #f5f5f4;--color-text: #0c0a09;--color-text-muted: #78716c;--color-text-subtle: #a8a29e;--color-accent: #0c0a09;--color-accent-subtle: rgba(12, 10, 9, .08);--color-border: #e7e5e4;--color-border-subtle: #f5f5f4;--color-highlight: #c2410c;--color-highlight-subtle: rgba(194, 65, 12, .1);--font-display: "Clash Display", system-ui, sans-serif;--font-body: "Satoshi", system-ui, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 2rem + 3vw, 5rem);--text-hero: clamp(3rem, 2rem + 5vw, 8rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 10rem;--max-width: 1200px;--content-width: 720px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--blur-sm: 8px;--blur-md: 16px}[data-theme=dark]{--color-bg: #0c0a09;--color-bg-alt: #1c1917;--color-text: #fafaf9;--color-text-muted: #a8a29e;--color-text-subtle: #78716c;--color-accent: #fafaf9;--color-accent-subtle: rgba(250, 250, 249, .08);--color-border: #292524;--color-border-subtle: #1c1917;--color-highlight: #fb923c;--color-highlight-subtle: rgba(251, 146, 60, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}::selection{background-color:var(--color-highlight);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.app-wrapper{position:relative}.vertical-line{position:fixed;left:clamp(24px,5vw,80px);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--color-border) 15%,var(--color-border) 85%,transparent 100%);z-index:10;pointer-events:none}.scroll-container{position:relative}section{position:relative;min-height:100vh;padding:var(--space-3xl) clamp(24px,8vw,120px);padding-left:clamp(60px,12vw,180px);display:flex;flex-direction:column;justify-content:center}section:not(:first-of-type){scroll-margin-top:100px}section:before{content:attr(data-section);position:absolute;left:clamp(40px,6vw,100px);top:var(--space-xl);font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;color:var(--color-text-subtle);letter-spacing:.1em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.fade-in-delay-5{animation-delay:.5s}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-highlight);outline-offset:4px}@media (max-width: 768px){.vertical-line{display:none}section{padding:var(--space-2xl) var(--space-md);padding-left:var(--space-md)}section:before{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) clamp(24px,8vw,120px);padding-left:clamp(60px,12vw,180px);transition:all var(--duration-normal) var(--ease-out)}.navbar.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto}.logo{display:flex;align-items:center;gap:4px;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.logo:hover{opacity:.7}.logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.logo-dot{width:6px;height:6px;background:var(--color-highlight);border-radius:50%}.nav-center{display:flex;align-items:center;gap:2px;padding:4px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:100px}.nav-link{position:relative;display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;border-radius:100px;transition:all var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-text);background:var(--color-bg);box-shadow:0 1px 3px #00000014}.nav-link-number{font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--color-highlight);opacity:0;transform:translate(-4px);transition:all var(--duration-fast) var(--ease-out)}.nav-link:hover .nav-link-number,.nav-link.active .nav-link-number{opacity:1;transform:translate(0)}.nav-link-text{font-weight:500}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle{position:relative;width:44px;height:24px;padding:0;background:transparent;border:none;cursor:pointer}.theme-toggle-track{display:block;width:100%;height:100%;background:var(--color-border);border-radius:100px;transition:background var(--duration-fast) var(--ease-out)}.theme-toggle:hover .theme-toggle-track{background:var(--color-text-subtle)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--color-text);border-radius:50%;transition:all var(--duration-normal) var(--ease-out)}[data-theme=dark] .theme-toggle-thumb{left:calc(100% - 21px);background:var(--color-highlight)}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;gap:6px;background:transparent;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.menu-toggle:hover{background:var(--color-accent-subtle);border-color:var(--color-text-subtle)}.menu-toggle-line{display:block;width:14px;height:1.5px;background:var(--color-text);transition:all var(--duration-normal) var(--ease-out)}.menu-toggle.open .menu-toggle-line:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle.open .menu-toggle-line:last-child{transform:translateY(-3.75px) rotate(-45deg)}.navbar-float{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%) translateY(-20px);z-index:100;display:flex;align-items:center;gap:var(--space-sm);padding:8px 8px 8px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;box-shadow:0 4px 24px #00000014;opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--ease-out)}.navbar-float.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.navbar-float-logo{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-decoration:none;padding-right:var(--space-sm);border-right:1px solid var(--color-border)}.navbar-float-indicator{display:flex;align-items:center;padding:0 var(--space-sm)}.navbar-float-section{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-transform:capitalize}.navbar-float-actions{display:flex;align-items:center;gap:4px}.navbar-float-theme{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.navbar-float-theme:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.navbar-float .menu-toggle{display:none;width:32px;height:32px}.navbar-float .menu-toggle-line{width:12px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:99;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl)}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border);opacity:0;transform:translate(-20px);transition:all var(--duration-normal) var(--ease-out);transition-delay:calc(var(--index) * 50ms)}.mobile-menu.open .mobile-nav-link{opacity:1;transform:translate(0)}.mobile-nav-link:hover{padding-left:var(--space-sm)}.mobile-nav-link.active{border-bottom-color:var(--color-highlight)}.mobile-nav-number{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-highlight);min-width:24px}.mobile-nav-text{flex:1;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.mobile-nav-arrow{color:var(--color-text-subtle);opacity:0;transform:translate(-8px);transition:all var(--duration-fast) var(--ease-out)}.mobile-nav-link:hover .mobile-nav-arrow{opacity:1;transform:translate(0)}.mobile-nav-link.active .mobile-nav-arrow{opacity:1;transform:translate(0);color:var(--color-highlight)}.mobile-menu-footer{padding:var(--space-xl) var(--space-2xl);border-top:1px solid var(--color-border)}.mobile-theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) 0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.mobile-theme-toggle:hover{color:var(--color-text)}.mobile-theme-icon{font-size:var(--text-lg);color:var(--color-highlight)}@media (max-width: 900px){.nav-center{display:none}.menu-toggle,.navbar-float .menu-toggle{display:flex}}@media (max-width: 768px){.navbar{padding:var(--space-sm) var(--space-md)}.theme-toggle{display:none}.mobile-menu-content{padding:var(--space-xl)}.mobile-nav-text{font-size:var(--text-lg)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:var(--content-width)}.hero-intro{margin-bottom:var(--space-md)}.hero-greeting{display:inline-block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;animation:fadeInUp var(--duration-slow) var(--ease-out) both}.hero-title{margin:0 0 var(--space-lg);line-height:.95}.hero-title-line{display:block;font-family:var(--font-display);font-size:var(--text-hero);font-weight:600;letter-spacing:-.03em;color:var(--color-text);animation:fadeInUp var(--duration-slow) var(--ease-out) both;animation-delay:.1s}.hero-title-accent{color:var(--color-text);position:relative;animation-delay:.2s}.hero-title-accent:after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:.08em;background:var(--color-highlight);transform-origin:left;animation:scaleIn .8s var(--ease-out) .6s both}@keyframes scaleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-description{margin-bottom:var(--space-xl);animation:fadeInUp var(--duration-slow) var(--ease-out) .3s both}.hero-role{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm);font-size:var(--text-lg);font-weight:500}.hero-role-highlight{color:var(--color-text)}.hero-role-separator{color:var(--color-text-subtle)}.hero-role-location{color:var(--color-text-muted)}.hero-tagline{margin:0;max-width:480px;font-size:var(--text-base);line-height:1.7;color:var(--color-text-muted)}.hero-actions{display:flex;align-items:center;gap:var(--space-md);animation:fadeInUp var(--duration-slow) var(--ease-out) .4s both}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;border-radius:100px;transition:all var(--duration-normal) var(--ease-out)}.hero-cta-primary{background:var(--color-text);color:var(--color-bg)}.hero-cta-primary:hover{gap:var(--space-sm);background:var(--color-highlight)}.hero-cta-arrow{display:flex;transition:transform var(--duration-normal) var(--ease-out)}.hero-cta-primary:hover .hero-cta-arrow{transform:translate(4px)}.hero-cta-secondary{color:var(--color-text);border:1px solid var(--color-border);background:transparent}.hero-cta-secondary:hover{border-color:var(--color-text);background:var(--color-accent-subtle)}.hero-scroll-indicator{position:absolute;bottom:var(--space-xl);left:0;display:flex;align-items:center;gap:var(--space-sm);animation:fadeInUp var(--duration-slow) var(--ease-out) .6s both}.hero-scroll-text{font-size:var(--text-xs);font-weight:500;color:var(--color-text-subtle);letter-spacing:.1em;text-transform:uppercase}.hero-scroll-line{width:40px;height:1px;background:linear-gradient(90deg,var(--color-border) 0%,transparent 100%);position:relative}.hero-scroll-line:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--color-highlight);border-radius:50%;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:.5}}.hero-decoration{position:absolute;top:50%;right:clamp(-100px,-5vw,0px);transform:translateY(-50%);z-index:1;opacity:.5;pointer-events:none}.hero-decoration-circle{width:clamp(300px,40vw,600px);height:clamp(300px,40vw,600px);border:1px solid var(--color-border);border-radius:50%;position:relative}.hero-decoration-circle:before{content:"";position:absolute;top:50%;left:50%;width:60%;height:60%;border:1px solid var(--color-border);border-radius:50%;transform:translate(-50%,-50%)}.hero-decoration-circle:after{content:"";position:absolute;top:50%;left:50%;width:30%;height:30%;border:1px solid var(--color-border);border-radius:50%;transform:translate(-50%,-50%)}.hero-decoration-grid{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.3;mask-image:radial-gradient(circle,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle,black 0%,transparent 70%)}@media (max-width: 768px){.hero-role{flex-wrap:wrap;gap:var(--space-xs)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-cta{width:100%;justify-content:center}.hero-scroll-indicator{display:none}.hero-decoration{opacity:.2}}.about{position:relative;background:var(--color-bg)}.about-content{max-width:var(--max-width)}.about-header{margin-bottom:var(--space-2xl)}.about-label{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--color-highlight);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.about-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin:0}.about-title-accent{color:var(--color-text-muted)}.about-main{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2xl)}.about-bio{display:flex;flex-direction:column;gap:var(--space-md);max-width:560px}.about-text{font-size:var(--text-base);line-height:1.8;color:var(--color-text-muted);margin:0}.about-text strong{color:var(--color-text);font-weight:500}.about-text em{color:var(--color-highlight);font-style:normal}.about-stats{display:flex;flex-direction:column;gap:var(--space-lg);padding-left:var(--space-xl);border-left:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-number{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.about-skills{display:flex;flex-direction:column;gap:var(--space-lg)}.skills-heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.skill-group{display:flex;align-items:flex-start;padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.skill-group:nth-child(odd){padding-right:var(--space-xl);border-right:1px solid var(--color-border)}.skill-group:nth-child(2n){padding-left:var(--space-xl)}.skill-group:nth-last-child(-n+2){border-bottom:none}.skill-group-content{display:flex;flex-direction:column;gap:6px;transition:transform var(--duration-fast) var(--ease-out)}.skill-group-category{font-size:var(--text-xs);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em}.skill-group-items{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}@media (max-width: 900px){.about-main{grid-template-columns:1fr;gap:var(--space-xl)}.about-stats{flex-direction:row;padding-left:0;padding-top:var(--space-lg);border-left:none;border-top:1px solid var(--color-border);gap:var(--space-xl)}.skills-grid{grid-template-columns:1fr}.skill-group:nth-child(odd){padding-right:0;border-right:none}.skill-group:nth-child(2n){padding-left:0}.skill-group:nth-last-child(-n+2){border-bottom:1px solid var(--color-border)}.skill-group:last-child{border-bottom:none}}@media (max-width: 480px){.about-stats{flex-wrap:wrap;gap:var(--space-lg)}.stat-item{min-width:80px}}.experience{position:relative;background:var(--color-bg)}.experience-content{max-width:var(--max-width)}.experience-header{margin-bottom:var(--space-2xl)}.experience-label{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--color-highlight);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.experience-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin:0}.experience-title-accent{color:var(--color-text-muted)}.experience-timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:var(--space-md);padding-bottom:var(--space-xl)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;padding-top:6px}.timeline-dot{width:10px;height:10px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.timeline-item:hover .timeline-dot,.timeline-item.expanded .timeline-dot{border-color:var(--color-highlight);background:var(--color-highlight)}.timeline-line{width:1px;flex:1;background:var(--color-border);margin-top:var(--space-sm)}.timeline-content{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.timeline-item:last-child .timeline-content{border-bottom:none}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.timeline-period{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.timeline-type{font-size:var(--text-xs);font-weight:500;color:var(--color-highlight);padding:4px 10px;background:var(--color-highlight-subtle);border-radius:100px}.timeline-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs);letter-spacing:-.01em}.timeline-company{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.company-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.company-separator{color:var(--color-text-subtle)}.company-location{font-size:var(--text-sm);color:var(--color-text-muted)}.timeline-description{font-size:var(--text-base);line-height:1.7;color:var(--color-text-muted);margin:0 0 var(--space-md)}.timeline-technologies{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tech-tag{padding:4px 12px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:100px;transition:all var(--duration-fast) var(--ease-out)}.tech-tag:hover{border-color:var(--color-text-subtle);color:var(--color-text)}.timeline-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;margin-top:var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.timeline-toggle:hover{color:var(--color-highlight)}.toggle-icon{transition:transform var(--duration-normal) var(--ease-out)}.timeline-item.expanded .toggle-icon{transform:rotate(180deg)}.timeline-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--ease-out)}.timeline-item.expanded .timeline-details{grid-template-rows:1fr}.details-list{overflow:hidden;list-style:none;margin:0;padding:var(--space-md) 0 0;display:flex;flex-direction:column;gap:var(--space-xs)}.details-list li{position:relative;padding-left:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.details-list li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:1px;background:var(--color-highlight)}@media (max-width: 768px){.timeline-item{grid-template-columns:16px 1fr;gap:var(--space-sm)}.timeline-dot{width:8px;height:8px}.timeline-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.projects{position:relative;background:var(--color-bg)}.projects-content{max-width:var(--max-width)}.projects-header{margin-bottom:var(--space-2xl)}.projects-label{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--color-highlight);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.projects-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin:0}.projects-title-accent{color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.project-card{position:relative;display:flex;flex-direction:column;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.project-card:hover{border-color:var(--color-text-subtle);transform:translateY(-4px)}.project-card-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-highlight);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}.project-card:hover .project-card-accent{transform:scaleX(1)}.project-card-header{display:flex;align-items:center;margin-bottom:var(--space-md)}.project-category{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);padding:4px 10px;background:var(--color-bg-alt);border-radius:100px}.project-card-body{flex:1;margin-bottom:var(--space-lg)}.project-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-sm);letter-spacing:-.01em}.project-description{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-muted);margin:0 0 var(--space-md)}.project-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.project-features li{position:relative;padding-left:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted)}.project-features li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:1px;background:var(--color-highlight)}.project-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.project-technologies{display:flex;flex-wrap:wrap;gap:6px}.project-tech{font-size:var(--text-xs);color:var(--color-text-subtle)}.project-tech:not(:last-child):after{content:"·";margin-left:6px;color:var(--color-border)}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);white-space:nowrap}.project-link:hover{color:var(--color-highlight)}.project-link-private{color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-xl);animation:slideUp var(--duration-normal) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-highlight-subtle);border-radius:12px;color:var(--color-highlight)}.modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.modal-body{margin-bottom:var(--space-lg)}.modal-body p{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-muted);margin:0 0 var(--space-sm)}.modal-body p:last-child{margin-bottom:0}.modal-close{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--color-bg);background:var(--color-text);border:none;border-radius:100px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.modal-close:hover{background:var(--color-highlight)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card-footer{flex-direction:column;align-items:flex-start}}.contact{position:relative;background:var(--color-bg);display:flex;flex-direction:column}.contact-content{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2xl);max-width:var(--max-width)}.contact-main{flex:1}.contact-header{margin-bottom:var(--space-xl)}.contact-label{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--color-highlight);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.contact-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin:0}.contact-title-accent{color:var(--color-text-muted)}.contact-cta{display:flex;flex-direction:column;gap:var(--space-md)}.contact-email-link{display:inline-flex;align-items:center;gap:var(--space-md);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);group:email}.contact-email-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-text);letter-spacing:-.01em;position:relative}.contact-email-text:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--color-highlight);transform:scaleX(0);transform-origin:right;transition:transform var(--duration-normal) var(--ease-out)}.contact-email-link:hover .contact-email-text:after{transform:scaleX(1);transform-origin:left}.contact-email-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-text);color:var(--color-bg);border-radius:50%;transition:all var(--duration-normal) var(--ease-out)}.contact-email-link:hover .contact-email-arrow{background:var(--color-highlight);transform:translate(4px,-4px)}.contact-note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;max-width:280px}.contact-details{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-sm)}.contact-block{display:flex;flex-direction:column;gap:4px}.contact-block-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.1em}.contact-block-value{font-size:var(--text-base);font-weight:500;color:var(--color-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a.contact-block-value:hover{color:var(--color-highlight)}.contact-socials{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.contact-social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.contact-social:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.footer{margin-top:auto;padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.footer-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width)}.footer-copyright{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.footer-year{font-family:var(--font-display);font-weight:600;color:var(--color-text)}.footer-separator{color:var(--color-text-subtle)}.footer-name{font-weight:500}.footer-note{margin:0;font-size:var(--text-xs);color:var(--color-text-subtle)}@media (max-width: 900px){.contact-content{flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.contact-details{flex-direction:row;flex-wrap:wrap;gap:var(--space-xl)}}@media (max-width: 768px){.contact-email-text{font-size:var(--text-lg)}.contact-email-arrow{width:40px;height:40px}.footer-content{flex-direction:column;gap:var(--space-sm);text-align:center}}@media (max-width: 480px){.contact-details{flex-direction:column;gap:var(--space-md)}}