@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--ink:#0b1220;--ink2:#4a5568;--ink3:#718096;--acc:#0a8f62;--acc2:#0b7fa8;--line:#e3e8ef;--tint:#f2f8f5}
*{box-sizing:border-box}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0,"kern" 1;background:#05080f;font:10.4pt/1.48 "Space Grotesk",system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* barre écran */
.bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(5,8,15,.9);backdrop-filter:blur(10px)}
.bar .sp{flex:1}
.bar a{color:#cfe3ff;font:500 14px "JetBrains Mono",monospace}
.bar .lang{border:1px solid #22324f;border-radius:999px;padding:6px 12px;font-size:12px}
.bar button,.bar .dl{font:600 14px "Space Grotesk",sans-serif;border-radius:10px;padding:9px 15px;cursor:pointer}
.bar button{background:transparent;color:#cfe3ff;border:1px solid #22324f}
.bar .dl{background:#39ffaa;color:#04130d}

/* feuille */
.sheet{max-width:210mm;margin:24px auto 60px;background:#fff;padding:15mm 15mm 14mm;border-radius:6px;box-shadow:0 30px 80px -30px rgba(57,255,170,.35);position:relative;overflow:hidden}
.sheet::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.head{position:relative;padding:0 0 12px;margin-bottom:6px;border-bottom:1px solid var(--line);min-height:31mm}
.head .ph{float:right;width:29mm;height:auto;margin:0 1.2mm 0 8mm;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--acc)}
h1{font-size:28pt;line-height:1;margin:0 0 5px;letter-spacing:-.035em;font-weight:700}
.title{margin:0 0 7px;font-size:13pt;font-weight:600;color:var(--acc)}
.contact{margin:0 0 3px;font:8.8pt/1.5 "JetBrains Mono",monospace;color:var(--ink2)}
.contact a{color:var(--ink)}
.avail{margin:0 0 9px;font-size:9.6pt;font-weight:600;color:var(--ink)}
.avail::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(10,143,98,.15)}
.strengths{margin:0;display:inline-block;background:var(--tint);border-left:3px solid var(--acc);padding:5px 10px;font-size:9.4pt;font-weight:500;color:#123}

h2{display:flex;align-items:center;gap:10px;font-size:10.5pt;text-transform:uppercase;letter-spacing:.03em;color:var(--acc);margin:15px 0 7px;font-weight:700}
h2::after{content:"";flex:1;height:1px;background:var(--line)}
section>p{margin:0}
.sk{margin:0 0 2.5px!important;padding-left:0}
.sk b{color:var(--ink);font-weight:600}

.xp{margin:0 0 11px;break-inside:avoid;padding-left:11px;border-left:2px solid var(--line)}
.xp h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:0;font-size:11.4pt;font-weight:700}
.xp .via{font-weight:500;color:var(--ink3);font-size:10pt}
.dates{margin-left:auto;font:500 8.8pt "JetBrains Mono",monospace;color:var(--ink2);white-space:nowrap}
.role{font-weight:600;margin:1px 0 3px;color:var(--acc2)}
.xp ul{margin:0;padding-left:15px}
.xp li{margin:1.5px 0}
.xp li::marker{color:var(--acc)}
.xp li b,.kpi{font-weight:600;color:var(--ink)}
.env{font:8.4pt/1.45 "JetBrains Mono",monospace;color:var(--ink2);margin:4px 0 0}
.env b{font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--ink2)}
.li{margin:0 0 3px;display:flex;flex-wrap:wrap;gap:0 5px;align-items:baseline}
.keep{break-inside:avoid}

@media (max-width:640px){
  .sheet{margin:0;border-radius:0;padding:24px 18px}
  .head .ph{width:84px;margin:0 0 0 12px}
  h1{font-size:26px}
  .dates{margin-left:0;width:100%}
  .bar{flex-wrap:wrap}
}
@page{size:A4;margin:11mm 13mm 13mm}
@media print{
  body{background:#fff}
  .no-print{display:none}
  .sheet{margin:0;padding:3mm 0 0;box-shadow:none;max-width:none;border-radius:0;overflow:visible}
  .sheet::before{top:-11mm;height:4px}
  h2{break-after:avoid}
  body,.env b{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif}
  .contact,.dates,.env{font-family:Menlo,"DejaVu Sans Mono",monospace}
  h1{letter-spacing:-.02em}
}