:root{--color-primary-100:59,130,246;--color-primary-200:37,99,235;--color-primary-300:29,78,216;--color-primary-50:239,246,255;--color-primary-100-alpha:59,130,246;--color-background-100:255,255,255;--color-background-90:248,250,252;--color-background-80:241,245,249;--color-text-100:15,23,42;--color-text-200:30,41,59;--color-text-300:71,85,105;--color-text-400:148,163,184;--color-border-100:226,232,240;--color-border-200:203,213,225;--color-border-300:148,163,184;--primary-color:rgb(var(--color-primary-100));--secondary-color:rgb(var(--color-text-200));--accent-color:rgb(var(--color-primary-200));--text-color:rgb(var(--color-text-100));--light-text:rgb(var(--color-text-300));--background-color:rgb(var(--color-background-100));--light-background:rgb(var(--color-background-90));--border-color:rgb(var(--color-border-100));--container-width:1200px;--header-height:80px;--footer-height:200px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition:all 0.2s ease;--font-primary:Tahoma,Arial,sans-serif;--font-heading:"Advent Pro",sans-serif}[data-theme=dark]{--color-primary-100:96,165,250;--color-background-100:15,23,42;--color-background-90:30,41,59;--color-background-80:51,65,85;--color-text-100:248,250,252;--color-text-200:226,232,240;--color-text-300:148,163,184;--color-text-400:100,116,139;--color-border-100:51,65,85;--color-border-200:71,85,105;--color-border-300:100,116,139}*{box-sizing:border-box;margin:0;padding:0}@import url("https://fonts.googleapis.com/css2?family=Advent+Pro:wght@400;500;600;700;800&display=swap");body,html{font-family:Tahoma,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Advent Pro,sans-serif;font-weight:600;letter-spacing:-.025em}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary-color)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.site-container{min-height:100vh;display:flex;flex-direction:column}.main{flex-grow:1;padding:var(--spacing-lg) 0}.site-header{height:var(--header-height);border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--box-shadow)}.site-header .container{height:100%;display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;font-weight:700}.mobile-menu-toggle{display:none;cursor:pointer;padding:10px;z-index:101;background:transparent;border:none;outline:none}.hamburger{width:30px;height:20px;position:relative}.hamburger span{display:block;height:3px;width:100%;background:var(--text-color);position:absolute;left:0;transition:all .3s ease}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:last-child{top:16px}.hamburger.open span:first-child{transform:rotate(45deg);top:8px}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:rotate(-45deg);top:8px}.mobile-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--background-color);z-index:100;padding:var(--spacing-lg);box-shadow:0 5px 15px rgba(0,0,0,.1);overflow-y:auto}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav li{margin:var(--spacing-lg) 0;text-align:center}.mobile-nav a{font-size:1.2rem;font-weight:500;color:var(--text-color);display:block;padding:var(--spacing-sm) 0}.main-nav ul{display:flex;list-style:none}.main-nav li{margin-left:var(--spacing-lg)}.main-nav a{font-weight:500;color:var(--text-color)}.main-nav a:hover{color:var(--primary-color)}.site-footer{background-color:rgb(var(--color-text-100));color:rgb(var(--color-background-100));padding:calc(var(--spacing-xl) * 1.5) 0 var(--spacing-lg) 0}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand{max-width:300px}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.footer-logo a{color:rgb(var(--color-background-100));text-decoration:none}.footer-description{color:rgba(var(--color-background-100),.7);line-height:1.6;margin:0}.footer-contact h4,.footer-links h4,.footer-social h4{color:rgb(var(--color-background-100));font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:rgba(var(--color-background-100),.7);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:rgb(var(--color-primary-100))}.social-links{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.social-link{color:rgba(var(--color-background-100),.7);transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);background-color:rgba(var(--color-background-100),.1)}.social-link:hover{color:rgb(var(--color-primary-100));background-color:rgba(var(--color-primary-100),.1);transform:translateY(-2px)}.footer-contact p{margin-bottom:var(--spacing-sm)}.footer-contact a,.footer-contact p{color:rgba(var(--color-background-100),.7)}.footer-contact a{text-decoration:none;transition:var(--transition)}.footer-contact a:hover{color:rgb(var(--color-primary-100))}.footer-legal{margin-top:var(--spacing-sm);font-size:.875rem}.footer-legal a{color:rgba(var(--color-background-100),.6);text-decoration:none;transition:var(--transition)}.footer-legal a:hover{color:rgb(var(--color-primary-100))}.copyright{font-size:.875rem;color:rgba(var(--color-background-100),.5);border-top:1px solid rgba(var(--color-background-100),.1);padding-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.built-with{margin:0}.claude-link{color:rgba(var(--color-background-100),.7);text-decoration:none;transition:var(--transition)}.claude-link:hover{color:rgb(var(--color-primary-100))}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);text-align:center;text-decoration:none}.button:hover{background-color:rgb(var(--color-primary-200));color:white;transform:translateY(-1px);box-shadow:var(--box-shadow-lg)}.button.secondary{background-color:transparent;color:var(--primary-color);border:1px solid rgb(var(--color-border-200))}.button.secondary:hover{background-color:rgb(var(--color-background-80));border-color:var(--primary-color);color:rgb(var(--color-primary-200))}.button.primary{background-color:var(--primary-color);color:white}.button.primary:hover{background-color:rgb(var(--color-primary-200));color:white}.button.small{padding:var(--spacing-xs) var(--spacing-sm)}.hero{text-align:center;padding:calc(var(--spacing-xl) * 1.5) 0;background:linear-gradient(135deg,rgb(var(--color-background-100)) 0,rgb(var(--color-primary-50)) 100%);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(var(--color-primary-100),.1) 0,transparent 50%);pointer-events:none}.hero h1{font-size:3rem;margin-bottom:0}.hero h2{font-size:1.5rem;font-weight:400;color:var(--light-text);margin-bottom:var(--spacing-lg)}.hero p{max-width:700px;margin:0 auto var(--spacing-lg)}.about{display:block;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0;text-align:center}.about .content{max-width:900px;margin:0 auto}.about-content{text-align:left;line-height:1.8;font-size:1.1rem;margin-bottom:var(--spacing-lg)}.about-content p{margin-bottom:var(--spacing-md)}.about-content a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition)}.about-content a:hover{text-decoration:underline}.about-cta{margin-top:var(--spacing-lg)}.about .image{display:none}.featured{margin-bottom:var(--spacing-xl)}.featured h2{text-align:center;margin-bottom:var(--spacing-lg)}.projects{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card .content{padding:var(--spacing-md)}.project-card h3{margin-bottom:var(--spacing-sm)}.project-card p{margin-bottom:var(--spacing-md);color:var(--light-text)}.page-header{text-align:center;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg);background-color:var(--light-background)}.page-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.about-content{max-width:800px;margin:0 auto}.about-content>div{margin-bottom:var(--spacing-lg)}.about-content h2{margin-bottom:var(--spacing-md)}.skills ul{list-style-position:inside;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.education-item,.experience-item{margin-bottom:var(--spacing-md)}.education-item h3,.experience-item h3{margin-bottom:var(--spacing-xs)}.experience-item .company,.experience-item .period{font-style:italic;color:var(--light-text);margin-bottom:var(--spacing-xs)}.contact-content{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.contact-info{background-color:var(--light-background);padding:var(--spacing-lg);border-radius:var(--border-radius)}.info-item{margin-bottom:var(--spacing-md)}.info-item h3{margin-bottom:var(--spacing-xs);color:var(--primary-color)}.contact-form{background-color:white;padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.post-card{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.post-card:hover{transform:translateY(-5px)}.post-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.post-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.post-content{padding:var(--spacing-md)}.post-content h2,.post-date{margin-bottom:var(--spacing-sm)}.post-date{font-size:.875rem;color:var(--light-text)}.post-excerpt{margin-bottom:var(--spacing-md);color:var(--light-text)}.read-more{font-weight:500}.no-posts{text-align:center;padding:var(--spacing-xl);background-color:var(--light-background);border-radius:var(--border-radius)}.blog-post{max-width:800px;margin:0 auto}.post-cover,.post-header{margin-bottom:var(--spacing-lg)}.post-cover{border-radius:var(--border-radius);overflow:hidden}.post-content{margin-bottom:var(--spacing-lg)}.post-navigation{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.markdown{line-height:1.8}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.markdown ol,.markdown p,.markdown ul{margin-bottom:var(--spacing-md)}.markdown ol,.markdown ul{padding-left:var(--spacing-lg)}.markdown li{margin-bottom:var(--spacing-xs)}.markdown img{max-width:100%;height:auto;margin:var(--spacing-md) 0;border-radius:var(--border-radius)}.markdown blockquote{border-left:4px solid var(--primary-color);padding-left:var(--spacing-md);margin-left:0;margin-right:0;margin-bottom:var(--spacing-md);font-style:italic;color:var(--light-text)}.markdown pre{padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--spacing-md)}.markdown code,.markdown pre{background-color:var(--light-background)}.markdown code{padding:.2em .4em;border-radius:3px}.sticky-avatar{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:1000;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgb(var(--color-primary-100)),rgb(var(--color-primary-200)));padding:3px;box-shadow:var(--box-shadow-lg);transition:var(--transition)}.sticky-avatar:hover{transform:scale(1.1)}.sticky-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgb(var(--color-background-100))}.hero-modern{position:relative;padding:calc(var(--spacing-xl) * 2) 0;background:linear-gradient(135deg,rgb(var(--color-background-100)) 0,rgb(var(--color-primary-50)) 100%);overflow:hidden}.hero-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(var(--color-primary-100),.1) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl)}.hero-profile{position:relative}.profile-image-container{position:relative;width:160px;height:160px;border-radius:50%;padding:4px;background:linear-gradient(135deg,rgb(var(--color-primary-100)),rgb(var(--color-primary-200)))}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgb(var(--color-background-100))}.hero-text{max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);color:rgb(var(--color-text-100))}.hero-subtitle,.hero-title-accent{color:rgb(var(--color-primary-100))}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--spacing-md);font-weight:500}.hero-description{font-size:1.125rem;color:rgb(var(--color-text-300));margin-bottom:var(--spacing-xl);line-height:1.7}.hero-actions{margin-bottom:var(--spacing-xl);flex-wrap:wrap}.hero-actions,.hero-social{display:flex;gap:var(--spacing-md);justify-content:center}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius);background-color:rgba(var(--color-primary-100),.1);color:rgb(var(--color-text-300));transition:var(--transition);text-decoration:none}.social-icon:hover{background-color:rgba(var(--color-primary-100),.2);color:rgb(var(--color-primary-100));transform:translateY(-2px)}.about-modern{padding:calc(var(--spacing-xl) * 1.5) 0;background-color:rgb(var(--color-background-90))}.about-simple{max-width:900px;margin:0 auto;text-align:center}.about-text-simple{font-size:1.125rem;line-height:1.8;color:rgb(var(--color-text-300));margin-bottom:var(--spacing-xl);text-align:left}.about-text-simple p{margin-bottom:var(--spacing-md)}.about-text-simple a{color:rgb(var(--color-primary-100));font-weight:500;text-decoration:none;border-bottom:1px solid rgba(var(--color-primary-100),.3);transition:var(--transition)}.about-text-simple a:hover{border-bottom-color:rgb(var(--color-primary-100))}.hero-about-clean{height:65vh}.hero-about-clean,.hero-image-cropped{position:relative;width:100%;overflow:hidden}.hero-image-cropped{height:100%}.hero-image-clean{object-fit:cover!important;height:153.8%!important;width:100%!important;transform:translateY(-20%)}@media (max-width:768px){.hero-about-clean{height:50vh}}.about-intro-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-100))}.intro-content-modern{max-width:800px;margin:0 auto;text-align:center}.intro-paragraph{font-size:1.25rem;line-height:1.8;color:rgb(var(--color-text-200));margin:0}.story-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-90))}.section-header-modern{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{font-family:var(--font-heading);font-weight:600}.section-subtitle{font-size:1.125rem;color:rgb(var(--color-text-300));margin:0}.story-content-modern{max-width:800px;margin:0 auto}.story-paragraph{font-size:1.1rem;line-height:1.7;color:rgb(var(--color-text-200));margin-bottom:var(--spacing-lg)}.video-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-100))}.video-container-modern{max-width:800px;margin:0 auto}.video-wrapper-modern{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow-lg)}.video-wrapper-modern iframe{position:absolute;top:0;left:0;width:100%;height:100%}.skills-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-90))}.skills-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.skill-card-modern{background:rgb(var(--color-background-100));padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid rgb(var(--color-border-100));text-align:center;transition:var(--transition)}.skill-card-modern:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:rgb(var(--color-primary-100))}.skill-icon{font-size:2rem;margin-bottom:var(--spacing-md);display:flex;justify-content:center;align-items:center;min-height:2rem;height:2rem;width:100%}.claude-logo{transition:var(--transition);display:block;margin:0 auto}.skill-card-modern:hover .claude-logo{transform:scale(1.1)}.skill-text{font-size:1rem;color:rgb(var(--color-text-200));margin:0}.experience-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-100))}.timeline-modern{position:relative;max-width:800px;margin:0 auto}.timeline-line{position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgb(var(--color-primary-100)),rgb(var(--color-primary-200)))}.timeline-item{position:relative;margin-bottom:var(--spacing-xl);padding-left:80px}.timeline-dot{position:absolute;left:22px;top:8px;width:16px;height:16px;background:rgb(var(--color-primary-100));border:4px solid rgb(var(--color-background-100));border-radius:50%;transition:var(--transition)}.timeline-item.active .timeline-dot{background:rgb(var(--color-primary-200));transform:scale(1.2);box-shadow:0 0 20px rgba(var(--color-primary-100),.5)}.timeline-card{background:rgb(var(--color-background-100));padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid rgb(var(--color-border-100));transition:var(--transition)}.timeline-item.active .timeline-card{border-color:rgb(var(--color-primary-100));box-shadow:var(--box-shadow)}.timeline-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:rgb(var(--color-text-100));margin-bottom:var(--spacing-xs)}.timeline-company{font-weight:500;color:rgb(var(--color-primary-100));margin-bottom:var(--spacing-xs)}.timeline-period{font-size:.9rem;color:rgb(var(--color-text-300));margin-bottom:var(--spacing-md)}.timeline-description{color:rgb(var(--color-text-200));line-height:1.6}.education-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-90))}.education-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.education-card-modern{background:rgb(var(--color-background-100));padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid rgb(var(--color-border-100));display:flex;align-items:flex-start;gap:var(--spacing-md);transition:var(--transition)}.education-card-modern:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:rgb(var(--color-primary-100))}.education-icon{font-size:2rem;flex-shrink:0}.education-degree{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:rgb(var(--color-text-100));margin-bottom:var(--spacing-xs)}.education-institution{color:rgb(var(--color-primary-100));margin-bottom:var(--spacing-xs)}.education-year{font-size:.9rem;color:rgb(var(--color-text-300));margin:0}.gallery-modern{padding:var(--spacing-xl) 0;background:rgb(var(--color-background-100))}.gallery-container-modern{max-width:800px;margin:0 auto;text-align:center}.flickr-embed-modern{border:none;background:none;box-shadow:none;border-radius:0;overflow:visible}.flickr-embed-modern img{max-width:100%;height:auto;display:block;border-radius:var(--border-radius-lg)}.cta-modern{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,rgba(var(--color-primary-100),.1),rgba(var(--color-primary-200),.1))}.cta-content-modern{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;color:rgb(var(--color-text-100));margin-bottom:var(--spacing-md)}.cta-subtitle{font-size:1.125rem;color:rgb(var(--color-text-300));margin-bottom:var(--spacing-lg)}.cta-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}@media (min-width:640px){.cta-actions{flex-direction:row;justify-content:center}}.about-cta{text-align:center;margin-top:var(--spacing-xl)}.projects-modern{padding:calc(var(--spacing-xl) * 1.5) 0}.section-header{text-align:center;margin-bottom:calc(var(--spacing-xl) * 1.5)}.section-title{font-size:2.5rem;font-weight:700;color:rgb(var(--color-text-100));margin-bottom:var(--spacing-md)}.section-title.centered{text-align:center}.projects-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:calc(var(--spacing-xl) * 1.5)}.project-card-modern{background-color:rgb(var(--color-background-100));border:1px solid rgb(var(--color-border-100));border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:var(--transition)}.project-card-modern:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg);border-color:rgba(var(--color-primary-100),.3)}.project-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.project-logo{flex-shrink:0}.logo-image{border-radius:var(--border-radius-sm)}.project-title{font-size:1.25rem;font-weight:600;color:rgb(var(--color-text-100));margin:0}.project-description{color:rgb(var(--color-text-300));line-height:1.6;margin-bottom:var(--spacing-lg)}.project-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.section-cta{text-align:center}.button.large{padding:var(--spacing-md) calc(var(--spacing-lg) * 1.5);font-size:1rem}.button.small{padding:calc(var(--spacing-xs) * 1.5) var(--spacing-md);font-size:.875rem}@media (max-width:768px){.mobile-menu-toggle{display:block}.desktop-nav{display:none}.hero-modern{padding:calc(var(--spacing-xl) * 1.5) 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.profile-image-container{width:120px;height:120px}.hero-actions{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.hero-actions .button{width:100%;max-width:280px}.hero-social{flex-wrap:wrap}.about-modern{padding:var(--spacing-xl) 0}.about-text-simple{font-size:1rem}.projects-modern{padding:var(--spacing-xl) 0}.section-title{font-size:2rem}.projects-grid-modern{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-card-modern{padding:var(--spacing-lg)}.sticky-avatar{top:var(--spacing-md);left:var(--spacing-md);width:50px;height:50px}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.footer-brand{max-width:100%}.social-links{justify-content:center}.copyright{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.about-content,.about-content img,.profile-image,.project-image img{max-width:100%!important;height:auto!important;box-sizing:border-box}img{max-width:100%;height:auto}.container{width:100%;padding:0 var(--spacing-md)}.posts-grid,.projects-grid{grid-template-columns:1fr!important}.hero h1{font-size:2rem}.hero p{font-size:1rem}.page-header h1{font-size:2rem}.contact-content,.posts-grid,.projects-grid{grid-template-columns:1fr}}.pagination{display:flex;justify-content:center;align-items:center;margin:var(--spacing-lg) 0;gap:var(--spacing-md)}.pagination-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.pagination-button:hover:not(:disabled){background-color:#2980b9}.pagination-button:disabled{background-color:var(--border-color);cursor:not-allowed}.page-numbers{display:flex;gap:var(--spacing-xs)}.page-number{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:white;cursor:pointer;transition:var(--transition)}.page-number:hover{background-color:var(--light-background)}.page-number.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.projects-grid{margin-bottom:var(--spacing-xl)}.projects{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.project-card{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg);border-color:rgb(var(--color-primary-100))}.project-image{height:200px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:var(--spacing-md)}.project-content h2{margin-bottom:var(--spacing-sm)}.project-description{margin-bottom:var(--spacing-md);color:var(--light-text)}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.technology-tag{background-color:var(--light-background);padding:.2rem .5rem;border-radius:var(--border-radius);font-size:.75rem;color:var(--secondary-color)}.project-detail{max-width:800px;margin:0 auto}.project-header{margin-bottom:var(--spacing-lg)}.project-header h1{margin-bottom:var(--spacing-sm)}.project-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.project-cover{margin-bottom:var(--spacing-lg);overflow:hidden}.no-projects,.project-cover{border-radius:var(--border-radius)}.no-projects{text-align:center;padding:var(--spacing-xl);background-color:var(--light-background)}@media (max-width:768px){.about{flex-direction:column}.about .content{padding-right:0;margin-bottom:var(--spacing-lg)}.contact-content{grid-template-columns:1fr}.hero h1{font-size:2rem}.hero h2{font-size:1.25rem}}@media (max-width:576px){.main-nav ul{flex-direction:column;position:absolute;top:var(--header-height);left:0;width:100%;background-color:var(--background-color);padding:var(--spacing-md);box-shadow:var(--box-shadow);display:none}.main-nav li{margin:var(--spacing-xs) 0;margin-left:0}.footer-content{flex-direction:column}.footer-links,.footer-logo,.social-links{margin-bottom:var(--spacing-md)}}