.home-page{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg, 1.5rem);box-sizing:border-box;overflow-x:hidden}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:var(--spacing-2xl, 3rem) 0}.hero__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2xl, 3rem);align-items:center;width:100%}.hero__text{max-width:600px}.hero__greeting{color:var(--color-accent);font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-sm, .5rem);font-weight:var(--font-weight-medium, 500)}.hero__name{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 var(--spacing-xs, .25rem) 0;color:var(--color-text);font-weight:var(--font-weight-bold, 700);line-height:var(--line-height-tight, 1.1)}.hero__tagline{font-size:clamp(1.5rem,4vw,2.5rem);margin:0 0 var(--spacing-lg, 1.5rem) 0;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-tight, 1.2)}.hero__description{font-size:var(--font-size-lg, 1.125rem);max-width:540px;margin-bottom:var(--spacing-xl, 2rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.7)}.hero__actions{display:flex;gap:var(--spacing-md, 1rem);flex-wrap:wrap}.hero__button{display:inline-block;padding:var(--spacing-md, 1rem) var(--spacing-xl, 2rem);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-medium, 500);text-decoration:none;border-radius:var(--border-radius-md, 8px);transition:all .3s ease;border:2px solid var(--color-accent)}.hero__button.primary{background-color:var(--color-accent);color:var(--color-background)}.hero__button.primary:hover{background-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.hero__button.secondary{background-color:transparent;color:var(--color-accent)}.hero__button.secondary:hover{background-color:var(--color-accent);color:var(--color-background)}.hero__image{display:flex;justify-content:center;align-items:center}.profile-image-container{position:relative;width:300px;height:300px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-image-container:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.profile-image-container .profile-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity;border-radius:50%;pointer-events:none}.profile-image-container .bw-image{z-index:1;opacity:1}.profile-image-container .color-image{z-index:2;opacity:0;transform:scale(1)}.profile-image-container:hover .color-image{opacity:1;transform:scale(1.05)}.profile-image-container:hover .bw-image{opacity:0;transform:scale(1.05)}.section{padding:var(--spacing-3xl, 4rem) 0}.section-container{max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}.section__title{font-size:var(--font-size-2xl, 2rem);margin-bottom:var(--spacing-xl, 2rem);margin-top:0;color:var(--color-text);font-weight:var(--font-weight-bold, 700);position:relative;display:inline-block}.section__title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background-color:var(--color-accent);border-radius:2px}.section__content{color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.7)}.section__link{display:inline-flex;align-items:center;margin-top:var(--spacing-lg, 1.5rem);color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-base, 1rem);transition:all .3s ease}.section__link:hover{color:var(--color-accent-light);transform:translate(4px)}.section__link:after{content:" →";margin-left:var(--spacing-xs, .25rem);transition:transform .3s ease}.section__link:hover:after{transform:translate(4px)}.about-section{background:var(--color-surface);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-2xl, 3rem);margin:var(--spacing-xl, 2rem) 0;box-sizing:border-box;width:100%}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl, 3rem);align-items:start;padding:var(--spacing-md, 1rem)}.about-intro{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text);margin-bottom:var(--spacing-lg, 1.5rem)}.about-text p{margin-bottom:var(--spacing-md, 1rem);font-size:var(--font-size-base, 1rem)}.about-cta{margin-top:var(--spacing-lg, 1.5rem)}.highlight-text{color:var(--color-accent);font-weight:var(--font-weight-semibold, 600)}.skills-preview{background:var(--color-background);border:1px solid var(--color-border);height:fit-content;position:sticky;top:var(--spacing-xl, 2rem);border-radius:var(--border-radius-sm, 4px);width:100%;box-sizing:border-box;overflow:hidden}.skills-preview-content{padding:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-sm, .5rem)}.skills-preview-title{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-md, 1rem);margin-top:0;text-align:center}.skills-preview-grid{gap:var(--spacing-sm, .5rem)!important;margin:0!important}.skills-preview-grid .skill-card{margin-bottom:0!important}.projects-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-xl, 2rem);align-items:stretch}.project-card{background:var(--color-surface);border:1px solid var(--color-border);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.project-content{padding:var(--spacing-lg, 1.5rem);display:flex;flex-direction:column;height:100%}.project-title{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-sm, .5rem)}.project-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md, 1rem);line-height:var(--line-height-relaxed, 1.6);flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-md, 1rem)}.tech-word{color:var(--color-accent)}.tech-tag{background:var(--color-accent);color:var(--color-background);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500)}.project-links{margin-top:auto;padding-top:var(--spacing-sm, .5rem)}.project-link-button{display:inline-block;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm, 4px);text-decoration:none;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);transition:all .3s ease}.project-link-button:hover{background-color:var(--color-accent);color:var(--color-background);transform:translateY(-2px)}.private-project{display:inline-block;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500)}.experience-preview{display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-xl, 2rem)}.experience-item{padding:var(--spacing-lg, 1.5rem);background:var(--color-surface);border-radius:var(--border-radius-md, 8px);border:1px solid var(--color-border)}.experience-title{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-xs, .25rem)}.experience-company{color:var(--color-accent);font-weight:var(--font-weight-medium, 500);margin-bottom:var(--spacing-sm, .5rem)}.experience-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.6)}.contact-section{background:var(--color-surface);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-2xl, 3rem);margin:var(--spacing-lg, 1.5rem) 0;box-sizing:border-box;width:100%}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-description{font-size:var(--font-size-base, 1rem);margin-bottom:var(--spacing-lg, 1.5rem);line-height:var(--line-height-normal, 1.5);color:var(--color-text-secondary)}.contact-actions{margin-top:var(--spacing-lg, 1.5rem)}.section-cta{text-align:center;margin-top:var(--spacing-xl, 2rem)}@media (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:var(--spacing-xl, 2rem);padding:var(--spacing-sm, .5rem)}.skills-preview{position:static}.projects-preview{grid-template-columns:1fr}}@media (max-width: 768px){.home-page{padding:0 var(--spacing-sm, .5rem);overflow-x:hidden}.hero{min-height:calc(100vh - 80px);padding:var(--spacing-xl, 2rem) 0}.hero__content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg, 1.5rem)}.hero__image{order:-1;margin-bottom:var(--spacing-md, 1rem)}.profile-image-container{width:250px;height:250px;margin:0 auto;flex-shrink:0}.hero__actions{justify-content:center}.about-section,.contact-section{padding:var(--spacing-lg, 1.5rem);margin:var(--spacing-sm, .5rem);border-radius:var(--border-radius-md, 8px);width:calc(100% - var(--spacing-md, 1rem));box-sizing:border-box}.section{padding:var(--spacing-xl, 2rem) 0}.section__title{font-size:var(--font-size-xl, 1.5rem);text-align:center;margin-bottom:var(--spacing-lg, 1.5rem)}.projects-preview{grid-template-columns:1fr;gap:var(--spacing-md, 1rem)}.experience-preview{gap:var(--spacing-md, 1rem)}.experience-item{padding:var(--spacing-md, 1rem)}.skills-preview-content{padding:var(--spacing-sm, .5rem);padding-bottom:var(--spacing-xs, .25rem);box-sizing:border-box;width:100%}}@media (max-width: 480px){.home-page{padding:0 var(--spacing-xs, .25rem);overflow-x:hidden}.hero{padding:var(--spacing-lg, 1.5rem) 0}.hero__content{gap:var(--spacing-md, 1rem)}.hero__image{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:var(--spacing-sm, .5rem)}.profile-image-container{width:200px;height:200px;margin:0 auto;flex-shrink:0}.hero__actions{flex-direction:column;align-items:center;gap:var(--spacing-sm, .5rem)}.hero__button{width:100%;max-width:250px;text-align:center}.hero__name{font-size:clamp(2rem,8vw,3rem)}.hero__tagline{font-size:clamp(1.25rem,6vw,2rem)}.about-section,.contact-section{padding:var(--spacing-md, 1rem);margin:var(--spacing-xs, .25rem);width:calc(100% - var(--spacing-sm, .5rem));box-sizing:border-box}.contact-content{max-width:100%;padding:var(--spacing-sm, .5rem)}.contact-description{margin-bottom:var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5)}.about-content{padding:var(--spacing-xs, .25rem)}.contact-actions{margin-top:var(--spacing-sm, .5rem)}.section{padding:var(--spacing-lg, 1.5rem) 0}.section__title{font-size:var(--font-size-lg, 1.25rem);margin-bottom:var(--spacing-md, 1rem)}.about-intro{font-size:var(--font-size-base, 1rem)}.contact-description{font-size:var(--font-size-sm, .875rem)}.experience-item{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.experience-title{font-size:var(--font-size-base, 1rem)}.project-content{padding:var(--spacing-md, 1rem)}.project-title{font-size:var(--font-size-base, 1rem)}.skills-preview-content{padding:var(--spacing-xs, .25rem);padding-bottom:0;box-sizing:border-box;width:100%}.skills-preview-title{font-size:var(--font-size-base, 1rem);margin-bottom:var(--spacing-sm, .5rem)}}@media (prefers-reduced-motion: no-preference){.home-page{scroll-behavior:smooth}.hero__text,.hero__image,.section{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.about-section{animation-delay:.1s}.projects-section{animation-delay:.2s}.experience-section{animation-delay:.3s}.contact-section{animation-delay:.4s}.about-text{animation:fadeInUp .6s ease-out;animation-fill-mode:both;animation-delay:.1s}.skills-preview{animation:fadeInUp .6s ease-out;animation-fill-mode:both;animation-delay:.2s}.project-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.experience-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.experience-item:nth-child(1){animation-delay:.1s}.experience-item:nth-child(2){animation-delay:.2s}.experience-item:nth-child(3){animation-delay:.3s}.contact-content{animation:fadeInUp .6s ease-out;animation-fill-mode:both;animation-delay:.1s}}.about-page{max-width:1300px;margin:0 auto;padding:var(--spacing-xl, 2rem)}.hero-section{margin-bottom:var(--spacing-3xl, 4rem);padding:0 var(--spacing-lg, 1.5rem)}.hero-content{display:flex;justify-content:space-between;align-items:center;min-height:300px;max-width:1200px;margin:0 auto;gap:var(--spacing-lg, 1.5rem)}.hero-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;max-width:600px}.hero-subtitle{font-size:var(--font-size-xl, 1.5rem);color:var(--color-primary);font-weight:var(--font-weight-medium, 500);margin-bottom:0}.hero-image{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:280px}.page-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--spacing-md, 1rem);color:var(--color-text);line-height:var(--line-height-tight, 1.1)}.about-content{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-xl, 2rem)}.about-text{color:var(--color-text-secondary)}.about-intro{font-size:var(--font-size-lg, 1.25rem);margin-bottom:var(--spacing-md, 1rem);color:var(--color-text)}.about-text p{margin-bottom:var(--spacing-md, 1rem);line-height:var(--line-height-normal, 1.5)}.image-placeholder{width:100%;padding-bottom:100%;background-color:var(--color-surface);border-radius:var(--border-radius-md, 8px);display:flex;align-items:center;justify-content:center;position:relative}.about-image{position:relative;width:280px;height:280px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about-image:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.about-image .profile-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity;border-radius:50%;pointer-events:none}.about-image .bw-image{z-index:1;opacity:1}.about-image .color-image{z-index:2;opacity:0;transform:scale(1)}.about-image:hover .color-image{opacity:1;transform:scale(1.05)}.about-image:hover .bw-image{opacity:0;transform:scale(1.05)}.image-placeholder span{position:absolute;color:var(--color-text-secondary)}.skills-section{margin-top:var(--spacing-xl, 2rem)}.skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md, 1rem);list-style-type:none;padding:0}.skill-item{color:var(--color-text-secondary);position:relative;padding-left:var(--spacing-md, 1rem)}.skill-item:before{content:"▹";position:absolute;left:0;color:var(--color-accent)}@media (max-width: 768px){.about-content{grid-template-columns:1fr}.image-wrapper{margin:var(--spacing-lg, 1.5rem) auto;max-width:250px}}.content-section{margin-bottom:var(--spacing-3xl, 4rem);padding:0 var(--spacing-lg, 1.5rem)}.content-wrapper{display:grid;grid-template-columns:2.5fr 1fr;gap:var(--spacing-2xl, 3rem);align-items:start;max-width:1200px;margin:0 auto}.about-story{background:var(--color-surface);padding:var(--spacing-2xl, 3rem);border-radius:var(--border-radius-lg, 12px);border:1px solid var(--color-border)}.section-title{font-size:var(--font-size-2xl, 2rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--spacing-xl, 2rem);color:var(--color-text);position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--color-primary);border-radius:2px}.story-content{line-height:var(--line-height-relaxed, 1.7)}.about-intro{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-medium, 500);margin-bottom:var(--spacing-xl, 2rem);color:var(--color-text);line-height:var(--line-height-relaxed, 1.7)}.story-content p{margin-bottom:var(--spacing-lg, 1.5rem);color:var(--color-text-secondary);font-size:var(--font-size-base, 1rem)}.story-content p:last-child{margin-bottom:0}.quick-facts{background:var(--color-surface);padding:var(--spacing-xl, 2rem);border-radius:var(--border-radius-lg, 12px);border:1px solid var(--color-border);height:fit-content;position:sticky;top:var(--spacing-xl, 2rem)}.facts-title{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);margin-bottom:var(--spacing-lg, 1.5rem);color:var(--color-text)}.facts-list{list-style:none;padding:0;margin:0}.fact-item{display:flex;flex-direction:column;margin-bottom:var(--spacing-md, 1rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--color-border)}.fact-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.fact-label{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-primary);margin-bottom:var(--spacing-xs, .25rem);text-transform:uppercase;letter-spacing:.5px}.fact-value{font-size:var(--font-size-base, 1rem);color:var(--color-text);font-weight:var(--font-weight-medium, 500)}.skills-wrapper{margin-top:var(--spacing-3xl, 4rem);padding:0 var(--spacing-lg, 1.5rem)}.skills-wrapper .skills-section-wrapper{max-width:1200px;margin:0 auto}@media (max-width: 1024px){.about-page{padding:var(--spacing-lg, 1.5rem)}.hero-section,.content-section,.current-work-section,.beyond-coding-section,.skills-wrapper{padding:0}.hero-content{gap:var(--spacing-xl, 2rem)}.hero-image{width:250px}.content-wrapper{grid-template-columns:1fr;gap:var(--spacing-xl, 2rem)}.quick-facts{position:static}.about-story{padding:var(--spacing-xl, 2rem)}.interests-grid{grid-template-columns:1fr}.work-item,.interest-category{padding:var(--spacing-lg, 1.5rem)}}@media (max-width: 768px){.about-page{padding:var(--spacing-md, 1rem)}.hero-content{flex-direction:column;text-align:center;gap:var(--spacing-xl, 2rem);min-height:auto}.hero-text{align-items:center;max-width:100%}.hero-image{width:220px}.about-image{width:220px;height:220px}.about-story,.quick-facts{padding:var(--spacing-lg, 1.5rem)}.section-title{font-size:var(--font-size-xl, 1.5rem)}.about-intro{font-size:var(--font-size-base, 1rem)}.work-item{flex-direction:column;gap:var(--spacing-md, 1rem);padding:var(--spacing-lg, 1.5rem)}.work-icon{font-size:2rem;margin-top:0;align-self:flex-start}.category-header{gap:var(--spacing-sm, .5rem)}.category-icon{font-size:1.5rem}.interests-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){.about-page{padding:var(--spacing-sm, .5rem)}.hero-image{width:180px}.about-image{width:180px;height:180px}.about-story,.quick-facts{padding:var(--spacing-md, 1rem)}.hero-content{gap:var(--spacing-lg, 1.5rem)}.work-item,.interest-category{padding:var(--spacing-md, 1rem)}.work-items{gap:var(--spacing-lg, 1.5rem)}.interests-grid{gap:var(--spacing-md, 1rem)}.work-title,.category-title{font-size:var(--font-size-base, 1rem)}.work-icon{font-size:1.8rem}.category-icon{font-size:1.3rem}}@media (prefers-reduced-motion: no-preference){.about-page{scroll-behavior:smooth}.about-story,.quick-facts{animation:fadeInUp .6s ease-out}.hero-content>*{animation:fadeInUp .6s ease-out}.work-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.work-item:nth-child(1){animation-delay:.1s}.work-item:nth-child(2){animation-delay:.2s}.work-item:nth-child(3){animation-delay:.3s}.interest-category{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.interest-category:nth-child(1){animation-delay:.1s}.interest-category:nth-child(2){animation-delay:.2s}.interest-category:nth-child(3){animation-delay:.3s}}.about-image:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media print{.about-page{padding:0}.about-image:hover .color-image,.about-image:hover .bw-image{opacity:1;transform:none}.hero-content{grid-template-columns:1fr}}.skills-section-wrapper{width:100%}.skills-section-header{text-align:center;margin-bottom:var(--spacing-2xl, 3rem)}.skills-main-title{font-size:var(--font-size-2xl, 2rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin-bottom:var(--spacing-md, 1rem);position:relative}.skills-main-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--color-primary);border-radius:2px}.skills-subtitle{font-size:var(--font-size-lg, 1.25rem);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed, 1.6)}.skills-categories{display:grid;gap:var(--spacing-xl, 2rem)}.skill-category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg, 12px);overflow:hidden;transition:all .3s ease}.skill-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.skill-category-header{padding:var(--spacing-xl, 2rem) var(--spacing-xl, 2rem) var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%)}.category-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm, .5rem)}.category-title{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin:0}.category-badge{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);background:var(--color-primary);color:var(--color-primary-foreground);border:none}.category-description{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed, 1.6)}.skill-category-content{padding:var(--spacing-xl, 2rem)}@media (max-width: 1024px){.skills-categories{gap:var(--spacing-lg, 1.5rem)}.skill-category-header,.skill-category-content{padding:var(--spacing-lg, 1.5rem)}}@media (max-width: 768px){.skills-main-title{font-size:var(--font-size-xl, 1.5rem)}.skills-subtitle{font-size:var(--font-size-base, 1rem)}.category-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, .25rem)}.category-title{font-size:var(--font-size-lg, 1.25rem)}.skill-category-header,.skill-category-content{padding:var(--spacing-md, 1rem)}}@media (max-width: 480px){.skills-section-header{margin-bottom:var(--spacing-xl, 2rem)}.skills-categories{gap:var(--spacing-md, 1rem)}.skill-category-header,.skill-category-content{padding:var(--spacing-sm, .75rem)}}@media (prefers-reduced-motion: no-preference){.skill-category-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.skill-category-card:nth-child(1){animation-delay:.1s}.skill-category-card:nth-child(2){animation-delay:.2s}.skill-category-card:nth-child(3){animation-delay:.3s}.skill-category-card:nth-child(4){animation-delay:.4s}}.current-work-section{margin-bottom:var(--spacing-3xl, 4rem);padding:0 var(--spacing-lg, 1.5rem)}.section-container{max-width:1200px;margin:0 auto;padding:0}.work-items{display:grid;gap:var(--spacing-xl, 2rem);margin-top:var(--spacing-xl, 2rem)}.work-item{display:flex;gap:var(--spacing-lg, 1.5rem);background:var(--color-surface);padding:var(--spacing-xl, 2rem);border-radius:var(--border-radius-lg, 12px);border:1px solid var(--color-border);transition:all .3s ease}.work-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.work-icon{font-size:2.5rem;line-height:1;flex-shrink:0;display:flex;align-items:flex-start;margin-top:.2rem}.work-content{flex:1}.work-title{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-sm, .5rem);line-height:var(--line-height-tight, 1.2)}.work-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.7);margin:0}.beyond-coding-section{margin-bottom:var(--spacing-3xl, 4rem);padding:0 var(--spacing-lg, 1.5rem)}.beyond-coding-section .section-container{max-width:1200px;margin:0 auto;padding:0}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl, 2rem);margin-top:var(--spacing-xl, 2rem)}.interest-category{background:var(--color-surface);padding:var(--spacing-xl, 2rem);border-radius:var(--border-radius-lg, 12px);border:1px solid var(--color-border);transition:all .3s ease}.interest-category:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.category-header{display:flex;align-items:center;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-lg, 1.5rem)}.category-icon{font-size:2rem;line-height:1}.category-title{font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin:0}.interest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.interest-list li{color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.6);position:relative;padding-left:var(--spacing-lg, 1.5rem)}.interest-list li:before{content:"▹";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold, 700)}.projects-page{padding:var(--spacing-xl, 2rem) var(--spacing-md, 3rem)}.page-title{font-size:var(--font-size-2xl, 3rem);margin-bottom:var(--spacing-xl, 2rem);color:var(--color-text)}.projects-filter{display:flex;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem)}.filter-button{background-color:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-md, 1rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);cursor:pointer;border-radius:var(--border-radius-sm, 4px);transition:color var(--transition-normal),background-color var(--transition-normal)}.filter-button:hover{color:var(--color-text);background-color:var(--color-surface)}.filter-button.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg, 1.5rem)}.project-card{background-color:var(--color-surface);border-radius:var(--border-radius-md, 8px);overflow:hidden;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.project-image{width:100%;height:200px;background-color:var(--color-bg-secondary)}.project-content{padding:var(--spacing-md, 1rem)}.project-title{color:var(--color-text);margin-bottom:var(--spacing-sm, .5rem);font-size:var(--font-size-lg, 1.25rem)}.project-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md, 1rem);font-size:var(--font-size-md, 1rem)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem)}.project-tag{background-color:var(--color-bg-primary);color:var(--color-accent);font-size:var(--font-size-sm, .875rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, 4px)}.project-detail-page{padding:var(--spacing-xl, 2rem) 0}.back-link{display:inline-block;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--spacing-lg, 1.5rem);transition:color var(--transition-normal)}.back-link:hover{color:var(--color-accent)}.project-title{font-size:var(--font-size-2xl, 3rem);margin-bottom:var(--spacing-md, 1rem);color:var(--color-text)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-lg, 1.5rem)}.project-tag{background-color:var(--color-surface);color:var(--color-accent);font-size:var(--font-size-sm, .875rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, 4px)}.project-image{width:100%;height:400px;background-color:var(--color-surface);border-radius:var(--border-radius-md, 8px);margin-bottom:var(--spacing-lg, 1.5rem);overflow:hidden}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-placeholder span{color:var(--color-text-secondary)}.project-links{display:flex;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem)}.project-link{display:inline-block;background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm, 4px);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-md, 1rem);text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.project-link:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.project-description{margin-bottom:var(--spacing-xl, 2rem)}.project-summary{font-size:var(--font-size-lg, 1.25rem);color:var(--color-text);margin-bottom:var(--spacing-md, 1rem)}.project-long-description{color:var(--color-text-secondary);line-height:var(--line-height-normal, 1.5)}.project-long-description p{margin-bottom:var(--spacing-md, 1rem)}.section-title{font-size:var(--font-size-xl, 2rem);margin-bottom:var(--spacing-lg, 1.5rem);color:var(--color-text)}.features-list{list-style-type:none;padding:0}.feature-item{color:var(--color-text-secondary);position:relative;padding-left:var(--spacing-md, 1rem);margin-bottom:var(--spacing-sm, .5rem)}.feature-item:before{content:"▹";position:absolute;left:0;color:var(--color-accent)}.project-not-found{text-align:center;padding:var(--spacing-xl, 2rem) 0;color:var(--color-text)}.contact-page{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg, 1.5rem);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.contact-hero{padding:var(--spacing-xs, .25rem) 0;flex-shrink:0}.hero-content{display:flex;align-items:center;gap:var(--spacing-xl, 2rem);flex-wrap:wrap}.page-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin:0;line-height:1;white-space:nowrap}.page-subtitle{font-size:var(--font-size-md, 1rem);color:var(--color-text-secondary);margin:0;line-height:1.4;flex:1;min-width:300px}.contact-main{flex:1;display:flex;min-height:0;padding:var(--spacing-xs, .25rem) 0 0 0}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl, 2rem);width:100%;height:100%;min-height:0}.contact-info-section{display:flex;flex-direction:column;height:100%}.contact-methods-grid{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);height:100%}.contact-method-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg, 1rem);transition:all .3s ease;cursor:pointer;flex:1;display:flex;flex-direction:column;min-height:0}.contact-method-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--color-accent)}.contact-method-content{padding:var(--spacing-lg, 1.5rem);display:flex;align-items:center;gap:var(--spacing-lg, 1.5rem);flex:1}.contact-method-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-accent);border-radius:var(--border-radius-md, 8px);color:var(--color-background);flex-shrink:0}.contact-method-icon svg{width:28px;height:28px}.contact-method-info{display:flex;flex-direction:column;min-width:0;flex:1}.method-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin:0 0 var(--spacing-xs, .25rem) 0}.method-value{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-md, 1rem);transition:color var(--transition-normal);font-weight:var(--font-weight-medium, 500);word-break:break-word}.method-value:hover{color:var(--color-accent-light)}.contact-form-section{display:flex;flex-direction:column;height:100%}.contact-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg, 1rem);box-shadow:0 4px 6px #0000000d;height:100%;display:flex;flex-direction:column}.contact-form-content{padding:var(--spacing-lg, 1.5rem);flex:1;display:flex;flex-direction:column;min-height:0}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);height:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md, 1rem);flex-shrink:0}.form-group{display:flex;flex-direction:column;flex-shrink:0}.form-group.message-group{flex:1;display:flex;flex-direction:column;min-height:0}.form-label{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text);margin-bottom:var(--spacing-xs, .25rem);flex-shrink:0}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm, .75rem);border:2px solid var(--color-border);border-radius:var(--border-radius-md, 8px);background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm, .875rem);font-family:inherit;transition:all var(--transition-normal);box-sizing:border-box}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1)}.form-textarea{resize:vertical;flex:1;min-height:120px;max-height:200px}.form-submit-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem) var(--spacing-xl, 2rem);background-color:var(--color-accent);color:var(--color-background);border:none;border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-medium, 500);font-family:inherit;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 4px #0000001a;flex-shrink:0;margin-top:var(--spacing-md, 1rem)}.form-submit-button:hover{background-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.form-submit-button:active{transform:translateY(0)}.button-text{font-weight:var(--font-weight-medium, 500)}.button-icon{width:18px;height:18px;transition:transform var(--transition-normal)}.form-submit-button:hover .button-icon{transform:translate(2px)}.form-message{padding:var(--spacing-sm, .75rem);border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);margin-top:var(--spacing-sm, .5rem);margin-bottom:0;flex-shrink:0}.form-message.success{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.form-message.error{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2)}.section-title{display:none}@media (max-width: 1024px){.contact-container{grid-template-columns:1fr;gap:var(--spacing-lg, 1.5rem)}.contact-info-section{order:2;height:auto}.contact-form-section{order:1}.contact-methods-grid{flex-direction:row;height:auto;gap:var(--spacing-sm, .5rem)}.contact-method-card{flex:1}.contact-page{height:auto;min-height:100vh;overflow:visible}}@media (max-width: 768px){.contact-page{padding:0 var(--spacing-md, 1rem);height:auto;min-height:100vh;overflow:visible}.hero-content{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm, .5rem)}.page-title{font-size:clamp(1.75rem,6vw,2.25rem);white-space:normal}.page-subtitle{min-width:auto}.contact-container{gap:var(--spacing-md, 1rem)}.contact-form-content{padding:var(--spacing-md, 1rem)}.form-row{grid-template-columns:1fr}.contact-methods-grid{flex-direction:column;gap:var(--spacing-sm, .5rem)}.contact-method-content{padding:var(--spacing-md, 1rem)}.contact-method-icon{width:48px;height:48px}.contact-method-icon svg{width:24px;height:24px}}@media (max-width: 480px){.page-title{font-size:1.75rem}.form-submit-button{padding:var(--spacing-sm, .75rem) var(--spacing-lg, 1.5rem);width:100%}}@media (min-width: 1025px){.contact-page{overflow:hidden;max-height:100vh}.contact-main{max-height:calc(100vh - 60px)}.contact-form-content{padding:var(--spacing-lg, 1.5rem)}.contact-form,.form-row{gap:var(--spacing-sm, .75rem)}.form-textarea{min-height:100px;max-height:150px}.form-submit-button{margin-top:var(--spacing-sm, .75rem)}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);text-align:center;padding:var(--spacing-xl, 2rem) 0}.not-found-content{max-width:600px}.not-found-title{font-size:8rem;color:var(--color-accent);margin:0;line-height:1}.not-found-subtitle{font-size:var(--font-size-2xl, 3rem);color:var(--color-text);margin:var(--spacing-md, 1rem) 0}.not-found-text{font-size:var(--font-size-lg, 1.25rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl, 2rem)}.not-found-button{display:inline-block;background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm, 4px);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-sm, .875rem);text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.not-found-button:hover{background-color:var(--color-accent);color:var(--color-text)}.kp-logo{display:inline-block;--logo-text-color: var(--color-text, rgba(255, 255, 255, .87));--logo-mask-color: var(--color-background, #242424)}.kp-logo--small{width:100px;height:100px}.kp-logo--medium{width:200px;height:200px}.kp-logo--large{width:300px;height:300px}.kp-logo--theme-light{--logo-text-color: var(--color-text, rgba(33, 33, 33, .87));--logo-mask-color: var(--color-background, #f5f5f5)}.kp-logo--theme-dark{--logo-text-color: var(--color-text, rgba(255, 255, 255, .87));--logo-mask-color: var(--color-background, #242424)}.kp-logo__mask-path{stroke:var(--logo-mask-color);stroke-width:31px;fill:none}.kp-logo__letters path{fill:var(--logo-text-color)}.theme-lamp{position:relative;width:30px;height:69px;background:transparent;border:none;cursor:pointer;padding:0;margin:0 10px;overflow:hidden;outline:none;box-shadow:none;animation:pulse-attention 1s ease-in-out 2;animation-delay:2s}.theme-lamp-wrapper{position:relative;display:inline-block}.theme-lamp-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%) translateY(10px) scale(.8);background-color:var(--color-surface);color:var(--color-text);padding:4px;border-radius:var(--border-radius-sm, 4px);font-size:12px;opacity:0;pointer-events:none;white-space:nowrap;z-index:10;box-shadow:0 2px 5px #0003;transition:opacity .3s ease,transform .3s ease}.theme-lamp-tooltip.show{opacity:.9;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.theme-lamp:focus{outline:none;box-shadow:none}.theme-lamp:active{outline:none;box-shadow:none}.theme-lamp:focus-visible{outline:none;box-shadow:none}.theme-lamp:focus:not(:focus-visible){outline:none}.theme-lamp:focus-visible{box-shadow:0 0 0 2px #fff3}.theme-lamp svg{position:absolute;top:0;left:0;width:100%;height:100%}.theme-lamp:focus-visible svg{outline:2px dashed var(--color-primary)}.fade-transition{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}.fade-transition.visible{opacity:1;z-index:2}.fade-transition.hidden{opacity:0;z-index:1}.animated path{transition:all .3s ease-in-out}.animated .line{--start: .3s;--delay-1: var(--start);--delay-2: calc(var(--delay-1) / 2);--delay-3: calc(var(--delay-2) / 2)}.animated.on{filter:drop-shadow(0 20px 10px rgba(254,193,101,.3))}.animated.on .line{opacity:0;animation:turn-on-lines .3s ease-in-out forwards}.animated.on .line-1{animation-delay:var(--delay-2)}.animated.on .line-2{animation-delay:var(--delay-3)}.animated.on .line-3{animation-delay:var(--delay-1)}.animated.off .line{animation:turn-off-lines .3s ease-in-out forwards}.animated.off .line-1{animation-delay:var(--delay-2)}.animated.off .line-2{animation-delay:var(--delay-1)}.animated.off .line-3{animation-delay:var(--delay-3)}.animated.off .holder{fill:var(--color-bg-secondary)}.animated.off .shadow,.animated.off .cable,.animated.off .base{fill:var(--color-bg-primary)}.animated.off .bulb{animation:turn-off-bulb .8s ease-in-out forwards}@keyframes turn-off-lines{0%{opacity:1}50%{opacity:.5}to{opacity:0}}@keyframes pulse-attention{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (prefers-reduced-motion: reduce){.theme-lamp{animation:none}}@keyframes turn-on-lines{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes turn-off-bulb{0%{fill:#fec267}to{fill:#e0e0e0}}.theme-switcher{display:flex;flex-direction:column;gap:12px}.theme-switcher__toggle-container{display:flex;align-items:center;gap:8px;height:69px}.theme-switcher__mode-toggle{display:flex;align-items:center;gap:8px}.switch{position:relative;display:inline-block;width:48px;height:24px}.theme-switcher__lamp-section{display:flex;align-items:center;gap:8px}.theme-switcher__lamp-label{font-size:14px;color:var(--color-text-secondary)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-secondary);transition:var(--transition-normal)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-text);transition:var(--transition-normal)}input:checked+.slider{background-color:var(--color-primary)}input:focus+.slider{box-shadow:0 0 1px var(--color-accent)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.theme-switcher__additional{display:flex;align-items:center;gap:10px}.theme-switcher__label{font-size:14px;color:var(--color-text-secondary)}.theme-switcher__colors{display:flex;gap:8px}.theme-switcher__color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:var(--transition-fast)}.theme-switcher__color-btn:hover{transform:scale(1.1)}.theme-switcher__color-btn.active{border-color:var(--color-text)}.glass-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.glass-menu-overlay.visible{opacity:1;visibility:visible;pointer-events:all}.glass-menu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026}.glass-menu-panel{position:fixed;top:0;right:0;height:100vh;width:320px;max-width:85vw;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:999;padding:80px 0 2rem}.glass-menu-panel.open{transform:translate(0)}.glass-menu-container{width:100%;background:#ffffff1f;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.18);border-right:none;border-radius:24px 0 0 24px;box-shadow:0 20px 40px -10px #00000026,0 0 0 1px #ffffff14,inset 0 1px #ffffff26;overflow:hidden;position:relative;margin-top:1.5rem;box-sizing:border-box}@media (prefers-color-scheme: dark){.glass-menu-container{background:#0000004d;border-color:#ffffff1a}}.glass-menu-nav{padding:1.5rem 0;width:100%;position:relative}.glass-menu-list{list-style:none;margin:0;padding:0;display:block}.glass-menu-item{position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.glass-menu-item:last-child{border-bottom:none}.glass-menu-link{display:block;color:#ffffffe6;text-decoration:none;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:transparent;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.025em;box-sizing:border-box}.glass-menu-link:hover{background:#ffffff14;color:#fff;transform:translate(8px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-menu-link--active{color:#fff;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-menu-link--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ffcb47,gold);border-radius:0 2px 2px 0}.glass-menu-item--resume{margin-top:.75rem;border-bottom:none}.glass-menu-link--resume{background:linear-gradient(135deg,#ffcb47e6,#ffd700e6);color:#0d1b2ae6!important;border-radius:16px;margin:0 2rem;font-weight:700;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #ffcb474d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);text-shadow:none}.glass-menu-link--resume:hover{background:linear-gradient(135deg,#ffcb47,gold);transform:translate(8px) translateY(-2px);box-shadow:0 8px 25px #ffcb4766,inset 0 1px #ffffff4d;color:#0d1b2a!important}.glass-menu-link--resume.glass-menu-link--active{background:linear-gradient(135deg,#ffcb47,gold);color:#0d1b2a!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-transparency: reduce){.glass-menu-container{background:#0d1b2af2;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-menu-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000b3}}@media (max-width: 480px){.glass-menu-panel{width:280px;max-width:90vw;padding:70px 0 1.5rem}.glass-menu-container{border-radius:20px 0 0 20px;margin-top:1rem}.glass-menu-nav{padding:1rem 0}.glass-menu-link{padding:1rem 1.5rem;font-size:1rem}.glass-menu-link--resume{margin:0 1.5rem}}.glass-menu-link:focus,.glass-menu-button:focus{outline:2px solid rgba(255,203,71,.7);outline-offset:2px}.glass-menu-overlay.closing{opacity:0;visibility:hidden}.glass-menu-overlay.closing .glass-menu-panel{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.header{width:100%;height:80px;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;margin:0 auto;padding:0 var(--spacing-md, 3rem)}.header__logo{display:flex;align-items:center;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease;outline:none}.header__logo:hover{text-decoration:none;color:inherit;transform:scale(1.02)}.header__logo:focus:not(:focus-visible){outline:none;box-shadow:none}.header__logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.header__nav{display:flex;height:100%}.nav__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;height:100%}.nav__item{margin:0 var(--spacing-sm, .5rem);height:100%;display:flex;align-items:center}.nav__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-md, 1rem);padding:.5rem;transition:color var(--transition-normal);position:relative}.nav__link:hover{color:var(--color-text)}.nav__link--active{color:var(--color-accent)}.nav__link--active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-accent)}.nav__item--button{margin-left:var(--spacing-md, 1rem)}.nav__button{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm, 4px);padding:.5rem 1rem;font-size:var(--font-size-sm, .875rem);text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.nav__button:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.header__controls{display:flex;align-items:center;justify-content:center}.header__theme-switcher{margin-left:var(--spacing-md, 1rem)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm, .5rem);margin-left:var(--spacing-sm, .5rem);z-index:1001;position:relative}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:18px;position:relative}.hamburger span{display:block;height:2px;width:100%;background-color:var(--color-text);transition:all .3s ease;transform-origin:center;border-radius:1px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger.active span:nth-child(2){opacity:0;transform:scale(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}@media (max-width: 768px){.header__container{padding:0 var(--spacing-md, 1rem)}.mobile-menu-toggle{display:block}.desktop-nav{display:none}}@media (max-width: 480px){.header__container{padding:0 var(--spacing-sm, .5rem)}.header__logo{scale:.9}.hamburger{width:22px;height:18px}.hamburger span{height:2.5px}}@media (min-width: 769px){.mobile-menu-toggle{display:none}}.language-switcher{position:relative;display:inline-block}.language-select{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border, #e1e5e9);border-radius:var(--border-radius, 6px);padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.language-select:hover{border-color:var(--color-primary, #3b82f6);background-color:var(--color-background-secondary, #f8fafc)}.language-select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px var(--color-primary-alpha, rgba(59, 130, 246, .1))}@media (prefers-color-scheme: dark){.language-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}}[data-theme=dark] .language-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.footer{width:100%;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--spacing-md, 1rem) 0}.footer__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:var(--max-width, 1200px);margin:0 auto;padding:0 var(--spacing-md, 1rem);gap:var(--spacing-md, 1rem)}.footer__content{text-align:center}.footer__copyright{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem);display:flex;align-items:center}.footer__copyright a{margin:0 var(--spacing-xs, .25rem)}.footer__built-with{margin:var(--spacing-xs, .25rem) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem)}.footer__heart{color:var(--color-accent)}.footer__links{display:flex;gap:var(--spacing-md, 1rem);flex-wrap:wrap;justify-content:center}.footer__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm, .875rem);transition:color var(--transition-normal)}.footer__link:hover{color:var(--color-accent)}@media (max-width: 480px){.footer__container{padding:0 var(--spacing-sm, .5rem);gap:var(--spacing-sm, .5rem)}.footer__links{gap:var(--spacing-sm, .5rem)}.footer__copyright{font-size:var(--font-size-xs, .75rem);flex-direction:column;gap:var(--spacing-xs, .25rem)}.footer__built-with,.footer__link{font-size:var(--font-size-xs, .75rem)}}@media (min-width: 768px){.footer__container{flex-direction:row}.footer__content{text-align:left}.footer__links{justify-content:flex-end}}.error-boundary{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg, 2rem);background-color:var(--color-background);color:var(--color-text)}.error-boundary__content{text-align:center;max-width:600px;width:100%}.error-boundary__title{font-size:var(--font-size-3xl, 2.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-error, #ef4444);margin-bottom:var(--spacing-md, 1rem)}.error-boundary__subtitle{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm, .5rem)}.error-boundary__description{font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg, 2rem);line-height:1.6}.error-boundary__details{margin:var(--spacing-lg, 2rem) 0;text-align:left;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius, 6px);padding:var(--spacing-md, 1rem);max-height:400px;overflow-y:auto}.error-boundary__details summary{cursor:pointer;font-weight:var(--font-weight-semibold, 600);margin-bottom:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem);border-radius:var(--border-radius, 4px)}.error-boundary__details pre{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:var(--spacing-md, 1rem);justify-content:center;flex-wrap:wrap}.error-boundary__button{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 2rem);background-color:var(--color-primary);color:var(--color-primary-contrast, white);border:none;border-radius:var(--border-radius, 6px);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.error-boundary__button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.error-boundary__button--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.error-boundary__button--secondary:hover{background-color:var(--color-background-secondary)}@media (max-width: 768px){.error-boundary__title{font-size:var(--font-size-2xl, 2rem)}.error-boundary__actions{flex-direction:column;align-items:center}.error-boundary__button{width:100%;max-width:200px}}.error-section{margin-bottom:var(--spacing-md, 1rem);padding-bottom:var(--spacing-sm, .5rem);border-bottom:1px solid var(--color-border, #e1e5e9)}.error-section:last-child{border-bottom:none}.error-section strong{display:block;margin-bottom:var(--spacing-xs, .25rem);color:var(--color-error, #ef4444)}.error-section pre{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;background-color:var(--color-background, #ffffff);padding:var(--spacing-sm, .5rem);border-radius:var(--border-radius, 4px);border:1px solid var(--color-border, #e1e5e9);max-height:200px;overflow-y:auto}.layout{display:flex;flex-direction:column;min-height:100vh;min-width:100vw;overflow-x:hidden}.layout__content{flex:1;width:100%;margin:0 auto;padding:var(--spacing-lg, 1rem) 0}@media (max-width: 768px){.layout__content{padding:var(--spacing-md, 1rem) 0}}@media (max-width: 480px){.layout__content{padding:var(--spacing-sm, .5rem) 0}}.minimal-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.minimal-header{padding:var(--spacing-sm, .5rem) 0;border-bottom:1px solid var(--color-border)}.minimal-header__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width, 1200px);margin:0 auto;padding:0 var(--spacing-md, 1rem);height:60px}.minimal-header__logo{display:flex;align-items:center;text-decoration:none}.minimal-layout__content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem)}.minimal-footer{padding:var(--spacing-sm, .5rem) 0;border-top:1px solid var(--color-border)}.minimal-footer__container{display:flex;justify-content:center;max-width:var(--max-width, 1200px);margin:0 auto;padding:0 var(--spacing-md, 1rem);height:40px}.minimal-footer__text{color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem)}.error-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary);position:relative;overflow:hidden}.error-layout:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,var(--color-accent-light) .5%,transparent 1%),radial-gradient(circle at 75% 75%,var(--color-accent-light) .5%,transparent 1%);background-size:50px 50px;opacity:.05;z-index:0}.error-header{padding:var(--spacing-sm, .5rem) 0;position:relative;z-index:1}.error-header__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width, 1200px);margin:0 auto;padding:0 var(--spacing-md, 1rem);height:60px}.error-header__logo{display:flex;align-items:center;text-decoration:none}.error-layout__content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.error-footer{padding:var(--spacing-md, 1rem) 0;position:relative;z-index:1}.error-footer__container{display:flex;justify-content:center;max-width:var(--max-width, 1200px);margin:0 auto;padding:0 var(--spacing-md, 1rem)}.error-footer__text{color:var(--color-text-secondary);font-size:var(--font-size-md, 1rem)}.error-footer__link{color:var(--color-accent);text-decoration:none;transition:color var(--transition-normal)}.error-footer__link:hover{color:var(--color-text);text-decoration:underline}@font-face{font-family:Charter;font-style:normal;font-weight:400;src:url(/fonts/charter_regular.woff2) format("woff2")}@font-face{font-family:Charter;font-style:italic;font-weight:400;src:url(/fonts/charter_italic.woff2) format("woff2")}@font-face{font-family:Charter;font-style:normal;font-weight:700;src:url(/fonts/charter_bold.woff2) format("woff2")}@font-face{font-family:Charter;font-style:italic;font-weight:700;src:url(/fonts/charter_bold_italic.woff2) format("woff2")}@font-face{font-family:"Computer Modern Serif";src:url(/fonts/cmunrm.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Computer Modern Serif";src:url(/fonts/cmunti.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:"Computer Modern Serif";src:url(/fonts/cmunbx.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Computer Modern Serif";src:url(/fonts/cmunbi.woff) format("woff");font-weight:700;font-style:italic}:root{--resume-font-serif: "Charter", serif}.resume-page{display:flex;align-items:center;justify-content:center}.resume-content{max-width:80vw;font-family:var(--resume-font-serif);font-size:11pt;line-height:1.45;margin:.5in}.resume-title{text-align:center}.resume-contact{text-align:center;font-size:.9em}.resume-summary{text-align:center;font-size:.95em}.resume-subtitle{font-size:var(--font-size-2xl, 3rem);color:var(--color-text);margin:var(--spacing-md, 1rem) 0}.resume-text{font-size:var(--font-size-lg, 1.25rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl, 2rem)}.resume-button{display:flex;margin:auto;max-width:max-content;background-color:var(--color-accent);color:var(--color-bg-primary);border:none;border-radius:var(--border-radius-sm, 4px);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-md, 1rem);text-decoration:none;transition:background-color var(--transition-normal)}.resume-button:hover{background-color:var(--color-accent-dark)}h1,h2{margin-bottom:5px}h2{border-bottom:1px solid #333;padding-bottom:2px;margin-top:24px}.resume-section,.resume-projects-section{margin-top:20px}.resume-projects-section a{float:right}.resume-skills-section{margin-top:20px}.resume-skills-section p{line-height:.5em}.resume-position{font-weight:700;float:left}.resume-org{font-style:italic;float:left}.resume-date{float:right}ul{margin:6px 0 12px 18px}.clear{clear:both}.experience-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl, 2rem) 0}.experience-header{text-align:center;margin-bottom:var(--spacing-3xl, 4rem)}.header-content{max-width:700px;margin:0 auto}.page-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin-bottom:var(--spacing-sm, .5rem);line-height:var(--line-height-tight, 1.1)}.page-subtitle{font-size:var(--font-size-lg, 1.25rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.7);max-width:600px;margin:0 auto}.experience-timeline-section,.education-section{padding:0 var(--spacing-xl, 2rem)}.section-container{width:100%}.section-title{font-size:var(--font-size-2xl, 2rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin-bottom:var(--spacing-xl, 2rem);position:relative;text-align:center}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--color-primary);border-radius:2px}.experience-timeline-section{margin-bottom:var(--spacing-3xl, 4rem)}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline-item{display:flex;margin-bottom:var(--spacing-2xl, 3rem);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-right:var(--spacing-xl, 2rem);position:relative;z-index:2}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:4px solid var(--color-background);box-shadow:0 0 0 2px var(--color-primary);flex-shrink:0}.timeline-item.current .timeline-dot{background:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent);animation:pulse 2s infinite}.timeline-line{width:2px;height:100%;background:var(--color-border);margin-top:var(--spacing-sm, .5rem);min-height:120px}.timeline-item:last-child .timeline-line{display:none}.experience-card{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg, 12px);transition:all .3s ease;overflow:hidden}.experience-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.experience-header{padding:var(--spacing-xl, 2rem)}.experience-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md, 1rem)}.experience-title-group{flex:1}.experience-title{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin:0 0 var(--spacing-sm, .5rem) 0}.experience-meta{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.company-name{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);color:var(--color-primary)}.location{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary)}.experience-badges{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);align-items:flex-end}.period-badge{font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--border-radius-md, 8px);font-weight:var(--font-weight-medium, 500)}.type-badge{font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background:var(--color-muted);color:var(--color-muted-foreground);border:1px solid var(--color-border);border-radius:var(--border-radius-md, 8px);font-weight:var(--font-weight-medium, 500)}.current-badge{background:var(--color-accent);color:var(--color-background);border:none;font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--border-radius-md, 8px);font-weight:var(--font-weight-medium, 500)}.experience-content{padding:var(--spacing-xl, 2rem)}.experience-description{font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.7);margin-bottom:var(--spacing-lg, 1.5rem)}.key-highlights-section{margin-bottom:var(--spacing-lg, 1.5rem)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}.highlight-item{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);background:linear-gradient(135deg,var(--color-primary-foreground) 0%,var(--color-muted) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-sm, .875rem);color:var(--color-text);font-weight:var(--font-weight-medium, 500);text-align:center;transition:all .2s ease;min-height:60px;display:flex;align-items:center;justify-content:center}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.achievements-section,.technologies-section{margin-bottom:var(--spacing-lg, 1.5rem)}.achievements-section:last-child,.technologies-section:last-child{margin-bottom:0}.achievements-title,.technologies-title,.highlights-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-md, 1rem)}.achievements-list{list-style:none;padding:0;margin:0}.achievement-item{position:relative;padding-left:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-sm, .5rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.6)}.achievement-item:before{content:"▸";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold, 700)}.show-more-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-primary);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-md, 1rem);width:100%}.show-more-btn:hover{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);transform:translateY(-1px)}.show-more-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.technologies-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.tech-badge{font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background:var(--color-primary);color:var(--color-primary-foreground);border:none;border-radius:var(--border-radius-md, 8px);font-weight:var(--font-weight-medium, 500);transition:all .2s ease}.tech-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.education-section{margin-bottom:var(--spacing-3xl, 4rem)}.education-grid{display:grid;gap:var(--spacing-xl, 2rem);max-width:800px;margin:0 auto}.education-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg, 12px);transition:all .3s ease}.education-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.education-header{padding:var(--spacing-xl, 2rem);border-bottom:1px solid var(--color-border)}.education-degree{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-md, 1rem)}.education-meta{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.institution{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);color:var(--color-primary)}.education-location,.education-period{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary)}.education-content{padding:var(--spacing-xl, 2rem)}.education-description{font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed, 1.7);margin-bottom:var(--spacing-lg, 1.5rem)}.education-status{margin-bottom:var(--spacing-lg, 1.5rem)}.status-badge{background:var(--color-accent);color:var(--color-background);border:none;font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--border-radius-md, 8px);font-weight:var(--font-weight-medium, 500)}.highlights-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin-bottom:var(--spacing-md, 1rem)}.focus-areas{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.focus-badge{font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background:var(--color-muted);color:var(--color-muted-foreground);border:1px solid var(--color-border);border-radius:var(--border-radius-md, 8px);font-weight:var(--font-weight-medium, 500);transition:all .2s ease}.focus-badge:hover{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);transform:translateY(-1px)}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--color-accent-rgb, 255, 180, 0),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-accent-rgb, 255, 180, 0),0)}to{box-shadow:0 0 rgba(var(--color-accent-rgb, 255, 180, 0),0)}}@media (prefers-reduced-motion: no-preference){.timeline-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.experience-page{padding:var(--spacing-lg, 1.5rem) 0}.experience-timeline-section,.education-section{padding:0 var(--spacing-lg, 1.5rem)}.timeline{max-width:100%}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.experience-page{padding:var(--spacing-md, 1rem) 0}.experience-header{margin-bottom:var(--spacing-2xl, 3rem)}.experience-timeline-section,.education-section{padding:0 var(--spacing-md, 1rem)}.experience-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, .5rem)}.experience-badges{align-items:flex-start;flex-direction:row;gap:var(--spacing-sm, .5rem)}.timeline-marker{margin-right:var(--spacing-md, 1rem)}.experience-header,.experience-content,.education-header,.education-content{padding:var(--spacing-lg, 1.5rem)}.highlights-grid{grid-template-columns:1fr;gap:var(--spacing-sm, .5rem)}.highlight-item{min-height:50px;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.show-more-btn{font-size:var(--font-size-sm, .875rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}}@media (max-width: 480px){.experience-header{margin-bottom:var(--spacing-xl, 2rem)}.experience-timeline-section,.education-section{padding:0 var(--spacing-md, 1rem)}.experience-header,.experience-content,.education-header,.education-content{padding:var(--spacing-md, 1rem)}.timeline-marker{margin-right:var(--spacing-sm, .5rem)}.timeline-dot{width:12px;height:12px}.page-title{font-size:var(--font-size-2xl, 2rem)}.highlights-grid{gap:var(--spacing-xs, .25rem)}.highlight-item{padding:var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem);min-height:45px}.period-badge,.type-badge,.current-badge,.tech-badge,.focus-badge,.status-badge{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}}@media print{.experience-page{padding:0}.experience-card,.education-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.timeline-dot{background:#000;box-shadow:none}.timeline-line{background:#ccc}.show-more-btn{display:none}}:root{font-family:var( --font-family-primary, system-ui, Avenir, Helvetica, Arial, sans-serif );line-height:var(--line-height-normal, 1.5);font-weight:var(--font-weight-normal, 400);color-scheme:light dark;color:var(--color-text, rgba(255, 255, 255, .87));background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium, 500);color:var(--color-primary, #646cff);text-decoration:inherit}a:hover{color:var(--color-primary-light, #535bf2)}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:100vw;min-height:100vh}h1{font-size:var(--font-size-2xl, 3.2em);line-height:var(--line-height-tight, 1.1)}button{border-radius:var(--border-radius-md, 8px);border:var(--border-width-thin, 1px) solid transparent;padding:var(--spacing-sm, .6em) var(--spacing-md, 1.2em);font-size:var(--font-size-md, 1em);font-weight:var(--font-weight-medium, 500);font-family:inherit;background-color:var(--color-bg-secondary, #1a1a1a);cursor:pointer;transition:border-color var(--transition-normal, .25s)}button:hover{border-color:var(--color-primary, #646cff)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}