:root{--color-brand-50: #f0f9ff;--color-brand-100: #e0f2fe;--color-brand-200: #bae6fd;--color-brand-300: #7dd3fc;--color-brand-400: #38bdf8;--color-brand-500: #0ea5e9;--color-brand-600: #0284c7;--color-brand-700: #0369a1;--color-brand-800: #075985;--color-brand-900: #0c4a6e;--color-accent-50: #fff7ed;--color-accent-100: #ffedd5;--color-accent-200: #fed7aa;--color-accent-300: #fdba74;--color-accent-400: #fb923c;--color-accent-500: #f97316;--color-accent-600: #ea580c;--color-accent-700: #c2410c;--color-accent-800: #9a3412;--color-accent-900: #7c2d12;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-500: #eab308;--color-warning-600: #ca8a04;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--color-gray-600: #52525b;--color-gray-700: #3f3f46;--color-gray-800: #27272a;--color-gray-850: #1f1f23;--color-gray-900: #18181b;--color-gray-950: #09090b}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-inverse: var(--color-gray-900);--bg-brand: var(--color-brand-500);--bg-brand-hover: var(--color-brand-600);--bg-accent: var(--color-accent-500);--surface-primary: #ffffff;--surface-secondary: var(--color-gray-50);--surface-elevated: #ffffff;--surface-overlay: rgba(0, 0, 0, .5);--surface-brand-subtle: var(--color-brand-50);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-inverse: #ffffff;--text-brand: var(--color-brand-600);--text-accent: var(--color-accent-600);--text-link: var(--color-brand-600);--text-link-hover: var(--color-brand-700);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-300);--border-focus: var(--color-brand-500);--border-brand: var(--color-brand-500);--interactive-hover: var(--color-gray-100);--interactive-active: var(--color-gray-200);--code-bg: var(--color-gray-100);--code-text: var(--color-gray-800);--shadow-color: 220 3% 15%;--shadow-strength: .1;--gradient-hero: linear-gradient( 135deg, var(--color-brand-50) 0%, #ffffff 50%, var(--color-accent-50) 100% );--selection-bg: var(--color-brand-200);--selection-text: var(--color-brand-900)}[data-theme=dark]{--bg-primary: var(--color-gray-950);--bg-secondary: var(--color-gray-900);--bg-tertiary: var(--color-gray-850);--bg-inverse: var(--color-gray-50);--bg-brand: var(--color-brand-500);--bg-brand-hover: var(--color-brand-400);--bg-accent: var(--color-accent-500);--surface-primary: var(--color-gray-900);--surface-secondary: var(--color-gray-850);--surface-elevated: var(--color-gray-800);--surface-overlay: rgba(0, 0, 0, .7);--surface-brand-subtle: var(--color-brand-900);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--text-inverse: var(--color-gray-900);--text-brand: var(--color-brand-400);--text-accent: var(--color-accent-400);--text-link: var(--color-brand-400);--text-link-hover: var(--color-brand-300);--border-primary: var(--color-gray-800);--border-secondary: var(--color-gray-700);--border-focus: var(--color-brand-500);--border-brand: var(--color-brand-500);--interactive-hover: var(--color-gray-800);--interactive-active: var(--color-gray-700);--code-bg: var(--color-gray-850);--code-text: var(--color-gray-200);--shadow-color: 220 40% 2%;--shadow-strength: .3;--gradient-hero: linear-gradient( 135deg, rgba(14, 165, 233, .1) 0%, var(--color-gray-950) 50%, rgba(249, 115, 22, .1) 100% );--selection-bg: var(--color-brand-800);--selection-text: var(--color-brand-100)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;min-height:100dvh;font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,.9rem + .5vw,1.125rem);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:var(--text-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text-link-hover)}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;border-spacing:0}::selection{background-color:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:9999px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-secondary)}.about-page{padding:8rem 0 4rem}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}.about-first-section{display:grid;grid-template-columns:1fr;gap:3rem;grid-template-areas:"header" "image" "subtitle" "text" "stats"}@media(min-width:1024px){.about-first-section{grid-template-columns:350px 1fr;grid-template-areas:"header header" "image subtitle" "image text" "image stats"}}@media(max-width:768px){.about-first-section{gap:2rem}}.about-stagger-header{grid-area:header}.about-stagger-image{grid-area:image}.about-stagger-subtitle{grid-area:subtitle}.about-stagger-text{grid-area:text}.about-stagger-stats{grid-area:stats}.page-header{text-align:center;margin-bottom:4rem}.page-label{display:inline-block;padding:.25rem .75rem;background:var(--color-brand-100);color:var(--color-brand-700);border-radius:9999px;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}[data-theme=dark] .page-label{background:#0ea5e91a;color:var(--color-brand-400)}.page-title{font-family:Cabinet Grotesk,Satoshi,sans-serif;font-size:clamp(3rem,2rem + 5vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--text-primary)}.about-image{position:sticky;top:6rem;border:1px solid var(--border-primary);border-radius:1.5rem;overflow:hidden}.about-subtitle{font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.5rem,1.25rem + 1.25vw,2.25rem);font-weight:600;line-height:1.25;color:var(--text-primary)}.about-paragraphs p{font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:400;line-height:1.75;color:var(--text-secondary);margin-bottom:1rem}.about-paragraphs p:last-of-type{margin-bottom:2rem}.about-stats{display:flex;flex-wrap:wrap;gap:2rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:Cabinet Grotesk,Satoshi,sans-serif;font-size:clamp(2.25rem,1.75rem + 2.5vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--text-brand) 0%,var(--text-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{font-size:clamp(.875rem,.8rem + .375vw,1rem);color:var(--text-tertiary)}.hobbies-section{padding:6rem 0}.hobbies-label{font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.hobbies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;list-style:none;margin:0;padding:0}@media(min-width:640px){.hobbies-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.hobbies-grid{grid-template-columns:repeat(5,1fr)}}.hobby-card{display:flex;flex-direction:column;gap:.5rem}.hobby-card__image{aspect-ratio:1;border-radius:.75rem;overflow:hidden;border:1px solid var(--border-primary);background:var(--surface-secondary)}.hobby-card__image img{width:100%;height:100%;object-fit:cover;display:block}.hobby-card__label{font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:500;color:var(--text-secondary);text-align:center}.experience-section{padding:6rem 0;background:var(--bg-secondary)}.section-title{font-family:Cabinet Grotesk,Satoshi,sans-serif;font-size:clamp(1.875rem,1.5rem + 1.875vw,3rem);font-weight:600;line-height:1.25;color:var(--text-primary);text-align:center;margin-bottom:4rem}.timeline{max-width:700px;margin:0 auto;position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-brand-500),var(--color-accent-500));border-radius:9999px}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-2rem - 5px);top:6px;width:12px;height:12px;background:var(--bg-brand);border:2px solid var(--bg-primary);border-radius:9999px;box-shadow:0 0 0 4px var(--color-brand-100)}[data-theme=dark] .timeline-marker{box-shadow:0 0 0 4px #0ea5e933}.timeline-content{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;transition:border-color .25s ease,box-shadow .25s ease}.timeline-content:hover{border-color:var(--border-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.timeline-content:hover{border-color:var(--border-secondary);box-shadow:none}.timeline-date-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.timeline-date{padding:.25rem .5rem;background:var(--surface-secondary);border-radius:.25rem;font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-weight:500;color:var(--text-tertiary)}.timeline-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:clamp(.75rem,.7rem + .25vw,.875rem);letter-spacing:.05em}.timeline-badge--formation{background:var(--color-accent-100);color:var(--color-accent-700)}[data-theme=dark] .timeline-badge--formation{background:#f9731626;color:var(--color-accent-400)}.timeline-badge--experience{background:var(--color-brand-100);color:var(--color-brand-700)}[data-theme=dark] .timeline-badge--experience{background:#0ea5e926;color:var(--color-brand-400)}.timeline-title{font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.timeline-company{font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:500;color:var(--text-brand);margin-bottom:.75rem}.timeline-description{font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,.9rem + .5vw,1.125rem);font-weight:400;line-height:1.5;color:var(--text-secondary)}