@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}:root{--color-neutral-50: oklch(.985 0 0);--color-neutral-100: oklch(.97 0 0);--color-neutral-200: oklch(.918 0 0);--color-neutral-300: oklch(.869 0 0);--color-neutral-400: oklch(.702 0 0);--color-neutral-500: oklch(.551 0 0);--color-neutral-600: oklch(.432 0 0);--color-neutral-700: oklch(.359 0 0);--color-neutral-800: oklch(.254 0 0);--color-neutral-900: oklch(.195 0 0);--color-neutral-950: oklch(.155 0 0);--color-base-50: oklch(.985 .02 287);--color-base-100: oklch(.97 .02 287);--color-base-200: oklch(.918 .02 287);--color-base-300: oklch(.869 .02 287);--color-base-400: oklch(.702 .02 287);--color-base-500: oklch(.551 .02 287);--color-base-600: oklch(.432 .02 287);--color-base-700: oklch(.359 .02 287);--color-base-800: oklch(.254 .02 287);--color-base-900: oklch(.195 .02 287);--color-base-950: oklch(.155 .02 287);--color-red-50: oklch(.97 .017 25);--color-red-100: oklch(.93 .044 25);--color-red-200: oklch(.87 .085 25);--color-red-300: oklch(.78 .129 25);--color-red-400: oklch(.68 .17 25);--color-red-500: oklch(.59 .197 25);--color-red-600: oklch(.535 .208 25);--color-red-700: oklch(.46 .189 25);--color-red-800: oklch(.38 .154 25);--color-red-900: oklch(.3 .121 25);--color-purple-50: oklch(.97 .02 293);--color-purple-100: oklch(.93 .052 293);--color-purple-200: oklch(.87 .101 293);--color-purple-300: oklch(.78 .153 293);--color-purple-400: oklch(.68 .202 293);--color-purple-500: oklch(.59 .234 293);--color-purple-600: oklch(.535 .247 293);--color-purple-700: oklch(.46 .224 293);--color-purple-800: oklch(.38 .183 293);--color-purple-900: oklch(.3 .143 293);--color-blue-50: oklch(.97 .015 260);--color-blue-100: oklch(.93 .039 260);--color-blue-200: oklch(.87 .077 260);--color-blue-300: oklch(.78 .117 260);--color-blue-400: oklch(.68 .154 260);--color-blue-500: oklch(.59 .179 260);--color-blue-600: oklch(.535 .188 260);--color-blue-700: oklch(.46 .171 260);--color-blue-800: oklch(.38 .139 260);--color-blue-900: oklch(.3 .109 260);--color-green-50: oklch(.97 .015 150);--color-green-100: oklch(.93 .04 150);--color-green-200: oklch(.87 .079 150);--color-green-300: oklch(.78 .119 150);--color-green-400: oklch(.68 .157 150);--color-green-500: oklch(.59 .182 150);--color-green-600: oklch(.535 .192 150);--color-green-700: oklch(.46 .175 150);--color-green-800: oklch(.38 .142 150);--color-green-900: oklch(.3 .111 150);--color-yellow-50: oklch(.97 .013 86);--color-yellow-100: oklch(.93 .034 86);--color-yellow-200: oklch(.87 .066 86);--color-yellow-300: oklch(.78 .1 86);--color-yellow-400: oklch(.68 .133 86);--color-yellow-500: oklch(.59 .154 86);--color-yellow-600: oklch(.535 .162 86);--color-yellow-700: oklch(.46 .147 86);--color-yellow-800: oklch(.38 .12 86);--color-yellow-900: oklch(.3 .094 86);--color-orange-50: oklch(.97 .015 48);--color-orange-100: oklch(.93 .039 48);--color-orange-200: oklch(.87 .077 48);--color-orange-300: oklch(.78 .116 48);--color-orange-400: oklch(.68 .153 48);--color-orange-500: oklch(.59 .177 48);--color-orange-600: oklch(.535 .187 48);--color-orange-700: oklch(.46 .17 48);--color-orange-800: oklch(.38 .138 48);--color-orange-900: oklch(.3 .108 48);--color-brown-50: oklch(.97 .009 51);--color-brown-100: oklch(.93 .024 51);--color-brown-200: oklch(.87 .046 51);--color-brown-300: oklch(.78 .07 51);--color-brown-400: oklch(.68 .092 51);--color-brown-500: oklch(.59 .107 51);--color-brown-600: oklch(.535 .112 51);--color-brown-700: oklch(.46 .102 51);--color-brown-800: oklch(.38 .083 51);--color-brown-900: oklch(.3 .065 51);--color-pink-50: oklch(.97 .017 354);--color-pink-100: oklch(.93 .044 354);--color-pink-200: oklch(.87 .087 354);--color-pink-300: oklch(.78 .131 354);--color-pink-400: oklch(.68 .174 354);--color-pink-500: oklch(.59 .201 354);--color-pink-600: oklch(.535 .212 354);--color-pink-700: oklch(.46 .193 354);--color-pink-800: oklch(.38 .157 354);--color-pink-900: oklch(.3 .123 354);--color-white: #fff;--color-black: #000;--color-brand-orange: #ff7900}:root{--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}:root{--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-fixed: 1200;--z-index-modal-backdrop: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-tooltip: 1600;--glow: 0 0 30px rgb(167 139 250 / .25);--glow-subtle: 0 0 15px rgb(167 139 250 / .12);--shadow-color-subtle: 0 1px 3px rgb(0 0 0 / .3);--shadow-color-hover: 0 8px 32px rgb(0 0 0 / .4);--pattern-dot-color: rgb(139 92 246 / .15);--pattern-line-color: rgb(139 92 246 / .08);--pattern-spacing: 32px;--shape-color-1: rgb(139 92 246 / .08);--shape-color-2: rgb(59 130 246 / .06)}:root{--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-base-100);background-color:var(--color-base-950)}.nav-bar{position:fixed;top:0;right:0;left:0;z-index:var(--z-index-sticky);padding:var(--spacing-3) var(--spacing-6);background:var(--color-base-900);border-bottom:1px solid var(--color-base-800)}.nav-bar__list{display:flex;gap:var(--spacing-6);justify-content:center;padding:0;margin:0;list-style:none}.nav-bar__item{margin:0}.nav-bar__link{position:relative;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-base-400);text-decoration:none;cursor:pointer;background:none;border:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-bar__link:hover{color:var(--color-base-100);background:var(--color-base-800)}.nav-bar__link--active{color:var(--color-purple-400)}.nav-bar__link--active:after{position:absolute;bottom:0;left:50%;width:60%;height:2px;background:var(--color-purple-400);border-radius:var(--radius-full);transform:translate(-50%);content:""}.section{position:relative;display:flex;flex-direction:column;min-height:100dvh;scroll-margin-top:60px}.contact-section{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);text-align:center}.contact-section__title{margin:0 0 var(--spacing-4);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-base-100)}.contact-section__placeholder{font-size:var(--font-size-lg);color:var(--color-base-400)}.scroll-indicator{display:flex;align-items:center;align-self:center;justify-content:center;padding:var(--spacing-2);margin-top:auto;margin-bottom:var(--spacing-8);color:var(--color-base-400);cursor:pointer;background:transparent;border:none;transition:color var(--transition-fast),opacity var(--transition-fast);animation:scroll-indicator-bounce 2s ease-in-out infinite}.scroll-indicator:hover{color:var(--color-base-100)}.scroll-indicator:focus-visible{outline:2px solid var(--color-purple-400);outline-offset:2px;border-radius:var(--radius-sm)}.scroll-indicator__icon{width:32px;height:32px}@media(width<40rem){.scroll-indicator{bottom:var(--spacing-6)}.scroll-indicator .scroll-indicator__icon{width:28px;height:28px}}@keyframes scroll-indicator-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.scroll-indicator{animation:none}}.experience-tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.experience-tech-tags__tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-base-400);background-color:var(--color-neutral-100);border-radius:var(--radius-full);opacity:0;transition:transform var(--transition-fast),background-color var(--transition-fast);animation:tag-fade-in .3s ease-out forwards}.experience-tech-tags__tag:hover{background-color:var(--color-neutral-200);transform:scale(1.02)}.experience-tech-tags__tag--frontend{color:var(--color-purple-700);background-color:var(--color-purple-50)}.experience-tech-tags__tag--frontend:hover{background-color:var(--color-purple-100)}.experience-tech-tags__tag--backend{color:#6d28d9;background-color:#f5f3ff}.experience-tech-tags__tag--backend:hover{background-color:#ede9fe}.experience-tech-tags__tag--data{color:#059669;background-color:#ecfdf5}.experience-tech-tags__tag--data:hover{background-color:#d1fae5}.experience-tech-tags__tag--infra{color:#0369a1;background-color:#f0f9ff}.experience-tech-tags__tag--infra:hover{background-color:#e0f2fe}.experience-tech-tags__tag--mobile{color:#c2410c;background-color:#fff7ed}.experience-tech-tags__tag--mobile:hover{background-color:#ffedd5}.experience-tech-tags__tag--migration{color:var(--color-neutral-600);background-color:var(--color-neutral-100);border:1px dashed var(--color-neutral-300)}.experience-tech-tags__tag--migration:hover{background-color:var(--color-neutral-200)}@keyframes tag-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.experience-tech-tags__tag{opacity:1;animation:none}.experience-tech-tags__tag:hover{transform:none}}.experience-cards{display:flex;flex-direction:column;width:100%;max-width:720px}.experience-card{display:flex;gap:var(--spacing-4)}.experience-card__timeline{position:relative;display:flex;flex-shrink:0;flex-direction:column;align-items:center;width:40px}.experience-card__dot{position:relative;z-index:2;width:12px;height:12px;margin-top:var(--spacing-5);background-color:var(--color-base-800);border:2px solid var(--color-base-800);border-radius:var(--radius-full);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.experience-card__dot--active{background-color:var(--color-purple-400);border-color:var(--color-purple-400);box-shadow:var(--glow)}.experience-card__arm{position:absolute;top:calc(var(--spacing-5) + 4px);left:50%;z-index:1;width:16px;height:3px;background-color:var(--color-base-800);transition:background-color var(--transition-fast)}.experience-card__arm--active{background-color:var(--color-purple-400)}.experience-card__connector{position:absolute;top:calc(var(--spacing-5) + 12px);left:50%;z-index:0;width:3px;height:calc(100% - var(--spacing-5) - 6px);background-color:var(--color-base-800);transform:translate(-50%);transition:background-color var(--transition-fast)}.experience-card__connector--active{background-color:var(--color-purple-400)}.experience-card__content{flex:1;min-width:0;margin-bottom:var(--spacing-6);overflow:hidden;background-color:var(--color-base-900);border:1px solid var(--color-base-800);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.experience-card--expanded .experience-card__content{border-color:var(--color-purple-400);box-shadow:var(--shadow-color-hover)}.experience-card__header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:var(--spacing-4) var(--spacing-5);text-align:left;cursor:pointer;background:transparent;border:none;transition:background-color var(--transition-fast)}.experience-card__header:hover,.experience-card--expanded .experience-card__header{background-color:var(--color-base-800)}.experience-card__header-main{display:flex;flex-direction:column;gap:var(--spacing-1)}.experience-card__title-row{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.experience-card__role{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-base-100)}.experience-card__badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-green-400);background-color:var(--color-green-50);border-radius:var(--radius-full)}.experience-card__company{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-purple-400);text-decoration:none;transition:opacity var(--transition-fast)}.experience-card__company:hover{opacity:.8}.experience-card__meta-row{display:flex;flex-wrap:wrap;gap:var(--spacing-1);align-items:center;font-size:var(--font-size-sm);color:var(--color-base-400)}.experience-card__separator{margin:0 var(--spacing-1);color:var(--color-base-400)}.experience-card__period{font-size:var(--font-size-sm);color:var(--color-base-400)}.experience-card__duration{margin-left:var(--spacing-1);color:var(--color-base-400)}.experience-card__project-row{display:flex;align-items:center}.experience-card__external-link{display:inline-flex;gap:var(--spacing-1);align-items:center;font-size:var(--font-size-sm);color:var(--color-base-400);text-decoration:none;transition:color var(--transition-fast)}.experience-card__external-link:hover{color:var(--color-purple-400)}.experience-card__chevron{flex-shrink:0;margin-top:var(--spacing-1);color:var(--color-base-400);transition:transform var(--transition-base)}.experience-card__chevron--rotated{transform:rotate(180deg)}.experience-card__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.experience-card__body--visible{grid-template-rows:1fr}.experience-card__body--visible .experience-card__body-inner{padding:0 var(--spacing-5) var(--spacing-5)}.experience-card__body-inner{overflow:hidden}.experience-card__meta{display:flex;gap:var(--spacing-3);align-items:center;margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-base-400)}.experience-card__location{display:flex;gap:var(--spacing-1);align-items:center}.experience-card__description{margin:0 0 var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-base-400)}.experience-card__highlights{padding:0;margin:0 0 var(--spacing-4);list-style:none}.experience-card__highlight{position:relative;padding-left:var(--spacing-5);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-base-100)}.experience-card__highlight:before{position:absolute;left:0;font-size:var(--font-size-sm);color:var(--color-purple-400);content:"▹"}.experience-card__product-link{display:flex;gap:var(--spacing-2);align-items:center;padding-top:var(--spacing-4);margin-top:var(--spacing-4);color:var(--color-base-400);border-top:1px solid var(--color-base-800)}.experience-card__product-link-text{display:inline-flex;gap:var(--spacing-1);align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-purple-400);text-decoration:none;transition:opacity var(--transition-fast)}.experience-card__product-link-text:hover{opacity:.8}@keyframes card-expand{0%{opacity:0}to{opacity:1}}@media(width<48rem){.experience-card__timeline{width:32px}.experience-card__arm{width:12px}}@media(width<40rem){.experience-card{gap:0}.experience-card__timeline{display:none}.experience-card__content{margin-bottom:var(--spacing-4)}.experience-card__header{padding:var(--spacing-3) var(--spacing-4)}.experience-card__role{font-size:var(--font-size-base)}.experience-card__company{font-size:var(--font-size-sm)}.experience-card__body--visible .experience-card__body-inner{padding:0 var(--spacing-4) var(--spacing-4)}}@media(prefers-reduced-motion:reduce){.experience-card__body,.experience-card__chevron,.experience-card__dot,.experience-card__arm,.experience-card__connector{transition:none}}.experience-section{display:flex;flex:1;flex-direction:column;align-items:center;padding:var(--spacing-16) var(--spacing-6)}.experience-section__title{position:relative;margin:0 0 var(--spacing-12);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-base-100);text-align:center}.experience-section__title-underline{position:absolute;bottom:-8px;left:50%;width:60px;height:3px;background-color:var(--color-purple-400);border-radius:var(--radius-full);transform:translate(-50%)}.experience-section__content{display:flex;justify-content:center;width:100%;max-width:1000px}@media(width<48rem){.experience-section{padding:var(--spacing-12) var(--spacing-4)}.experience-section .experience-section__title{margin-bottom:var(--spacing-8);font-size:var(--font-size-3xl)}}.feature-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-base-900);border:1px solid var(--color-base-800);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-50);transition:all var(--transition-fast)}.feature-badge:hover{background:var(--color-purple-400);border-color:var(--color-purple-400);transform:translateY(-2px)}.feature-badge:hover .feature-badge__icon{color:var(--color-neutral-50)}.feature-badge__icon{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;color:var(--color-purple-400)}@media(width<40rem){.feature-badge{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.feature-badge__icon{width:var(--spacing-3);height:var(--spacing-3)}}.ai-banner{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6);background:var(--color-base-800);border:1px solid var(--color-base-800);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ai-banner:hover{border-color:var(--color-purple-400)}.ai-banner__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-neutral-50);margin:0}.ai-banner__features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.ai-banner__tagline{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-base-400);margin:0}@media(width<48rem){.ai-banner{padding:var(--spacing-5);gap:var(--spacing-4)}.ai-banner__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.ai-banner__features{grid-template-columns:repeat(2,1fr)}}@media(width<40rem){.ai-banner{padding:var(--spacing-4)}.ai-banner__features{gap:var(--spacing-2)}}.info-card{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--color-base-800);border:1px solid var(--color-base-800);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.info-card:hover{border-color:var(--color-purple-400)}.info-card:hover .info-card__icon-wrapper{background:var(--color-purple-400);border-color:var(--color-purple-400)}.info-card:hover .info-card__icon{color:var(--color-neutral-50)}.info-card__icon-wrapper{display:flex;align-items:center;justify-content:center;width:var(--spacing-12);height:var(--spacing-12);background:var(--color-base-900);border:1px solid var(--color-base-800);border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-fast)}.info-card__icon{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-purple-400);transition:color var(--transition-fast)}.info-card__content{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.info-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-50);margin:0}.info-card__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-base-400);margin:0}@media(width<48rem){.info-card{padding:var(--spacing-5);gap:var(--spacing-3)}.info-card__icon-wrapper{width:var(--spacing-10);height:var(--spacing-10)}.info-card__icon{width:var(--spacing-5);height:var(--spacing-5)}}@media(width<40rem){.info-card{padding:var(--spacing-4)}.info-card__icon-wrapper{width:var(--spacing-8);height:var(--spacing-8)}}.tech-stack{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--color-base-800);border:1px solid var(--color-base-800);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.tech-stack:hover{border-color:var(--color-purple-400)}.tech-stack__pills{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-around}.tech-stack__pill{display:inline-flex;align-items:center;padding:var(--spacing-3) var(--spacing-5);background:var(--color-base-900);border:1px solid var(--color-base-800);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-50);transition:all var(--transition-fast)}.tech-stack__pill:hover{background:var(--color-purple-400);border-color:var(--color-purple-400);transform:translateY(-2px)}@media(width<48rem){.tech-stack{padding:var(--spacing-5);gap:var(--spacing-3)}.tech-stack__pills{gap:var(--spacing-2)}.tech-stack__pill{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}}@media(width<40rem){.tech-stack{padding:var(--spacing-4)}}.ai-indicator{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:800px;width:100%;margin:var(--spacing-8) auto}.ai-indicator__info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media(width<48rem){.ai-indicator{gap:var(--spacing-3)}.ai-indicator__info-row{grid-template-columns:1fr;gap:var(--spacing-3)}}@media(width<40rem){.ai-indicator__info-row{gap:var(--spacing-2)}}.home-content{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:900px;margin:auto 0;text-align:left}.home-content__name{font-size:clamp(3rem,8vw,5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-base-100)}.home-content__tagline{position:relative;display:inline-block;font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-base-400)}.home-content__description{max-width:800px;margin:var(--spacing-6) 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-base-400)}.home-content__orange-link{color:var(--color-brand-orange);text-decoration:none;transition:opacity var(--transition-fast),filter var(--transition-fast)}.home-content__orange-link:hover{text-decoration:underline;opacity:.8}@media(max-width:800px){.home-content__description{font-size:var(--font-size-base)}}.home-section{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}@media(max-width:800px){.home-section{padding:var(--spacing-6)}}.projects-section{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);text-align:center}.projects-section__title{margin:0 0 var(--spacing-4);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-base-100)}.projects-section__placeholder{font-size:var(--font-size-lg);color:var(--color-base-400)}.skill-card{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;height:100%;padding:var(--spacing-5);background:var(--color-base-900);border:1px solid var(--color-base-800);border-radius:var(--radius-xl);box-shadow:var(--shadow-color-subtle);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),filter var(--transition-base)}.skill-card:hover{background:var(--color-base-800);box-shadow:var(--shadow-color-hover);border-color:var(--color-purple-400);filter:var(--glow);transform:scale(1.005)}.skill-card__header{display:flex;flex-direction:row;gap:var(--spacing-3);align-items:center}.skill-card__icon-wrapper{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-base-800);border-radius:var(--radius-md)}.skill-card__icon{width:18px;height:18px;color:var(--color-purple-400)}.skill-card__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-base-100)}.skill-card__description{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-base-400);text-align:left}.skill-card__divider{width:100%;height:2px;margin:var(--spacing-3) 0;background:var(--color-base-800);border-radius:var(--radius-full)}.skill-card__examples{display:flex;flex-direction:column;gap:var(--spacing-2);padding:0;margin:0;list-style:none}.skill-card__example{display:flex;gap:var(--spacing-2);align-items:flex-start}.skill-card__example-bullet{flex-shrink:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-purple-400)}.skill-card__example-text{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-base-400)}@media(width<48rem){.skill-card{height:auto;min-height:200px}.skill-card .skill-card__example-text{font-size:var(--font-size-xs)}}@media(prefers-reduced-motion:reduce){.skill-card{transition:none}.skill-card:hover{transform:none}}.visual-showcase{flex-shrink:0;width:160px;height:160px;overflow:hidden;background:var(--color-base-900);border:1px solid var(--color-base-800);border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.visual-showcase:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.visual-showcase__image{width:100%;height:100%;object-fit:cover}@media(width<48rem){.visual-showcase{width:100%;height:200px;margin-top:var(--spacing-3)}}@media(prefers-reduced-motion:reduce){.visual-showcase{transition:none}.visual-showcase:hover{transform:none}}.skills-section{display:flex;flex:1;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:var(--spacing-16) var(--spacing-6);margin:0 auto;text-align:center}.skills-section__title{position:relative;display:inline-flex;flex-direction:column;gap:var(--spacing-3);align-items:center;margin:0 0 var(--spacing-12);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-base-100);text-align:center}.skills-section__title-underline{display:block;width:80px;height:4px;background:var(--color-purple-400);border-radius:var(--radius-full)}.skills-section__rows{display:flex;flex-direction:column;gap:var(--spacing-5);width:100%;max-width:800px}.skills-section__row{position:relative;display:flex;align-items:center;height:280px}.skills-section__row--reversed .skills-section__panel{right:auto;left:0}.skills-section__row--reversed .skill-card{align-items:flex-end}.skills-section__row--reversed .skill-card__header{flex-direction:row-reverse}.skills-section__row--reversed .skill-card__description{text-align:right}.skills-section__card{position:absolute;inset:0;z-index:1;height:100%}.skills-section__panel{position:absolute;right:0;z-index:2;display:flex;align-items:center;justify-content:center}@media(width<48rem){.skills-section{padding:var(--spacing-12) var(--spacing-4)}.skills-section .skills-section__rows{gap:var(--spacing-6)}.skills-section .skills-section__row{flex-direction:column;gap:var(--spacing-3);height:auto}.skills-section .skills-section__row--reversed{flex-direction:column}.skills-section .skills-section__row--reversed .skill-card{align-items:flex-start}.skills-section .skills-section__row--reversed .skill-card__header{flex-direction:row}.skills-section .skills-section__row--reversed .skill-card__description{text-align:left}.skills-section .skills-section__card{position:static;width:100%}.skills-section .skills-section__panel{position:static}}.geometric-shapes{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.geometric-shapes--dot-grid{--mouse-x: 50%;--mouse-y: 50%;--spotlight-radius: 200px;background-image:radial-gradient(circle at center,var(--pattern-dot-color) 1px,transparent 1px);background-size:var(--pattern-spacing) var(--pattern-spacing);mask-image:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgb(0,0,0) 0%,rgba(0,0,0,.6) calc(var(--spotlight-radius) * .5),rgba(0,0,0,.2) var(--spotlight-radius),rgba(0,0,0,.05) calc(var(--spotlight-radius) * 2))}.geometric-shapes--grid-lines{background-image:linear-gradient(to right,var(--pattern-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line-color) 1px,transparent 1px);background-size:64px 64px}