:root{--color-bg-primary: #0d0d0d;--color-bg-secondary: #171717;--color-bg-tertiary: #1a1a1a;--color-text-primary: white;--color-text-secondary: rgba(255, 255, 255, .45);--color-accent: white;--color-accent-hover: #f3f4f6;--color-text-accent: #171717;--font-primary: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 1rem;--radius-md: 1.5rem;--radius-lg: 2rem;--radius-mobile: 20px;--radius-circle: 50%;--breakpoint-tablet: 1024px;--breakpoint-mobile: 768px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .6s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.container{display:flex;min-height:100vh;gap:0;padding:0;max-width:1600px;margin:0 auto}.sidebar{display:flex;flex-direction:column;width:352px;height:100vh;min-height:520px;padding:var(--spacing-md);gap:var(--spacing-xl);position:sticky;top:0;overflow:hidden}.sidebar-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;overflow-y:auto}.main-content{flex:1;padding:16px}.portfolio-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.profile-section{display:flex;align-items:center;gap:var(--spacing-sm)}.avatar{position:relative;width:32px;height:32px}.avatar-img{width:100%;height:100%;border-radius:var(--radius-circle);object-fit:cover}.avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-accent);color:var(--color-text-accent);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;opacity:0}.name{font-weight:500;font-size:.875rem;letter-spacing:-.4px}.hero-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.title-description-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.title{font-weight:600;font-size:2.5rem;line-height:1.1;letter-spacing:-3px;margin-top:-1px}.description{font-weight:500;color:var(--color-text-secondary);font-size:.875rem;letter-spacing:-.5px;line-height:1.3}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 24px;background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);color:var(--color-text-accent);font-weight:500;font-size:1rem;letter-spacing:-.3px;cursor:pointer;transition:background-color var(--transition-fast);font-family:var(--font-secondary);width:fit-content}.cta-button:hover{background-color:var(--color-accent-hover)}.cta-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.footer-text{font-weight:500;color:var(--color-text-secondary);font-size:.75rem;letter-spacing:-.5px;line-height:1.3}.copyright{font-weight:500;color:var(--color-text-secondary);font-size:.75rem;letter-spacing:-.4px;line-height:1}.portfolio-item{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);width:100%}.portfolio-image{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);transition:opacity var(--transition-normal);vertical-align:top;display:block!important;visibility:visible!important;opacity:1!important}.portfolio-image[loading=lazy],.portfolio-image[loading=lazy].loaded{opacity:1!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent);color:var(--color-text-accent);padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1024px){.container{flex-direction:column;gap:var(--spacing-sm)}.sidebar{width:352px;position:static;height:auto;min-height:auto;align-self:center}.title{text-align:center;font-size:2.5rem}.description{text-align:center}.cta-button{align-self:center}.profile-section{justify-content:center}.portfolio-item{border-radius:var(--radius-mobile)}.footer{display:none}}@media (max-width: 768px){.container{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.sidebar{width:352px;padding:var(--spacing-md) var(--spacing-sm);height:auto;min-height:auto;align-self:center}.main-content{padding:8px}.title{font-size:2.5rem!important;letter-spacing:-3px}.description{font-size:.875rem!important}.cta-button{font-size:1rem!important}.portfolio-grid{gap:var(--spacing-xs)}.portfolio-item{padding:var(--spacing-xs);border-radius:var(--radius-mobile)}.footer{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-item{animation:fadeInUp var(--transition-slow) ease forwards}.loaded .portfolio-item{animation-delay:calc(var(--item-index, 0) * .1s)}