:root{--bg-1: #f8fafc;--bg-2: #eef6ff;--text: #0f172a;--white: #ffffff;--muted: #475569;--accent: #0082be;--card: #ffffff;--color-bg: #f6f1ea;--color-surface: #ffffff;--color-surface-alt: #f1ebe2;--color-text: #1f1a14;--color-text-reverse: #ebe1d5;--color-muted: #6d7b6e;--color-accent: #25d382;--color-accent-2: #0f4c5c;--color-border: rgba(31, 26, 20, .12);--color-chip: color-mix(in srgb, var(--accent) 16%, white);--color-chip-border: #bae6fd;--color-filter-border: #d0d7de;--color-filter-button: #ffffff;--shadow-medium: 0 18px 45px rgba(31, 26, 20, .12);--shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--radius-xxl: 999px;--section-gap: 80px;--font-display: "DM Serif Display", "Iowan Old Style", "Palatino Linotype", "Georgia", serif;--font-body: "Manrope", "Avenir Next", "Mulish", "Trebuchet MS", sans-serif;--body-bg-layer-1: radial-gradient(circle at 15% 20%, #dbeafe 0%, transparent 40%);--body-bg-layer-2: radial-gradient(circle at 85% 0%, #ffedd5 0%, transparent 35%);--body-bg-layer-3: linear-gradient(160deg, var(--bg-1), var(--bg-2))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);background:var(--body-bg-layer-1),var(--body-bg-layer-2),var(--body-bg-layer-3);font-family:var(--font-body);font-size:16px;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.6rem,3vw,3.6rem)}h2{font-size:clamp(1.8rem,2.4vw,2.4rem)}h3{font-size:1.35rem}p{color:var(--color-text)}img{max-width:100%;display:block}:root[data-theme=dark]{--bg-1: #0b1220;--bg-2: #111827;--text: #e5e7eb;--white: #ffffff;--muted: #9ca3af;--accent: #38bdf8;--card: #111827;--color-bg: #0b1220;--color-surface: #111827;--color-surface-alt: #1f2937;--color-text: #e5e7eb;--color-text-reverse: #0b1220;--color-muted: #aebdb7;--color-accent: #38bdf8;--color-accent-2: #f59e0b;--color-border: rgba(229, 231, 235, .2);--color-chip: color-mix(in srgb, var(--accent) 12%, #1f2937);--color-chip-border: rgba(56, 189, 248, .45);--color-filter-border: rgba(229, 231, 235, .3);--color-filter-button: #363d57;--shadow-medium: 0 18px 45px rgba(0, 0, 0, .45);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .35);--body-bg-layer-1: radial-gradient(circle at 15% 40%, #2b2b3d 0%, transparent 40%);--body-bg-layer-2: radial-gradient(circle at 85% 0%, #191f4e 0%, transparent 35%);--body-bg-layer-3: linear-gradient(160deg, #0b1220, #111827)}#app{width:100%}.page{width:min(1120px,100% - 48px);margin:0 auto;padding:30px 0}.page__main{display:flex;flex-direction:column;gap:var(--section-gap);align-items:center}.sidebar{position:fixed;top:32px;left:32px;z-index:10;background:var(--color-surface);border-radius:var(--radius-lg);padding:24px 20px;border:1px solid var(--color-border);box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:24px;width:200px}.sidebar-toggle{display:none;position:fixed;top:16px;left:16px;z-index:30;width:42px;height:42px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-soft);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.sidebar-toggle span{width:30px;height:4px;border-radius:2px;background:var(--accent)}.sidebar__brand{width:48px;height:48px;border-radius:16px;background:var(--color-accent);color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.1em}.sidebar__nav{display:flex;flex-direction:column;gap:12px}.sidebar__nav a{color:var(--color-text);text-decoration:none;font-weight:600;font-size:.9rem}.sidebar__nav a:hover{color:var(--color-accent)}.accueil{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}.accueil__about{display:flex;flex-direction:column;gap:12px;background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-medium);text-align:center}.accueil__about .lead{color:var(--color-muted);font-size:.98rem}.accueil__text{display:flex;flex-direction:column;gap:16px;text-align:center}.accueil__role{font-size:1.1rem;color:var(--color-muted)}.accueil__summary{max-width:540px;margin:0 auto;white-space:pre-line}.accueil__meta{display:inline-flex;align-items:center;gap:12px;color:var(--color-muted);font-size:.95rem;justify-content:center}.dot{width:6px;height:6px;border-radius:999px;background:var(--color-accent);display:inline-block}.hero__card{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-medium);border:1px solid var(--color-border)}.card__title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:16px}.card__list{list-style:none;display:flex;flex-direction:column;gap:12px}.card__list li{display:flex;justify-content:space-between;gap:16px;font-size:.95rem;color:var(--color-muted)}.label{color:var(--color-text);font-weight:600}.content{width:100%;display:flex;flex-direction:column;gap:var(--section-gap)}.section{display:flex;flex-direction:column;gap:24px}.section__head{display:flex;flex-direction:column;gap:12px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.9rem;color:var(--accent);font-weight:700}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.lead{font-size:1.05rem;color:var(--color-muted)}.info-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-border)}.info-card__title{font-weight:600;margin-bottom:8px}.info-card__text{color:var(--color-muted);margin-bottom:16px}.info-card__chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border-radius:999px;font-size:.8rem;background:var(--color-surface-alt);color:var(--color-text)}.chip--type{background:var(--color-chip);color:var(--color-text);border:1px solid var(--color-chip-border)}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-soft)}.skill-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;color:var(--color-muted)}.skill-list li{background:var(--color-surface-alt);padding:6px 10px;border-radius:var(--radius-xxl);font-size:.85rem}.timeline{display:flex;flex-direction:column;gap:20px}.timeline__item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:16px;align-items:start}.timeline__badge{width:10px;height:10px;border-radius:999px;margin-top:10px;background:var(--color-accent)}.timeline__content{background:var(--color-surface);border-radius:var(--radius-md);padding:18px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.timeline__top{display:flex;justify-content:space-between;gap:16px;align-items:baseline}h3 a{color:inherit;text-decoration:none;text-decoration:underline}h3 a:hover{color:var(--color-accent)}.muted{color:var(--color-muted)}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{border:1px solid var(--color-filter-border);background:var(--color-filter-button);color:var(--color-text);border-radius:var(--radius-xxl);padding:.4rem .85rem;cursor:pointer;font-size:.9rem}.filter-btn--active{background:var(--color-accent);color:var(--white);border-color:var(--color-accent)}.project-card{background:var(--card);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-soft)}.project-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-card__head h3{flex:1;min-width:0}.project-card__head .icon-link--sm{flex:0 0 auto}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px}.value{color:var(--color-text);text-decoration:none;font-weight:600}.value:hover{color:var(--color-accent)}.card__icons{display:flex;align-items:center;gap:12px}.icon-link{width:40px;height:40px;border-radius:12px;background:var(--color-surface-alt);display:grid;place-items:center;color:var(--color-text);text-decoration:none;border:1px solid var(--color-border)}.icon-link--sm{width:32px;height:32px;border-radius:10px}.icon-link svg{width:20px;height:20px;fill:currentColor}.icon-link:hover{color:var(--color-accent);border-color:#e86a4a59}.footer{padding-top:24px;border-top:1px solid var(--color-border);text-align:center;width:100%}.contact-card{width:100%;background:var(--card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:16px}.contact-card__content{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.cta{background:var(--color-accent);color:#fff;border:none;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer}.cta:hover{background:#d85f42}@media(max-width:1600px){.sidebar-toggle{display:inline-flex}.sidebar{top:68px;left:16px;overflow:auto;transform:translate(-120%);transition:transform .2s ease}.sidebar--mobile-open{transform:translate(0);pointer-events:auto}.accueil,.skills{grid-template-columns:1fr}.projects{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}@media(max-width:1100px){.timeline__top{display:flow;align-items:baseline}}@media(max-width:768px){.page{width:min(1120px,100% - 24px);padding:24px 0 48px}.projects{grid-template-columns:1fr}}.theme-toggle{margin-top:10px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text);padding:8px 10px;font-size:.86rem;font-weight:700;cursor:pointer}.theme-toggle:hover{background:var(--color-accent);color:var(--white)}.theme-toggle:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent-2);outline-offset:2px}