:root{--scroll-progress: 0}.page{position:relative;overflow:hidden;isolation:isolate}.particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.92;mix-blend-mode:screen}.footer{padding:2.1rem 9%;color:#a5afd9}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.orb{position:absolute;filter:blur(90px);opacity:.65}.orb-1{width:380px;height:380px;background:#4f66ff;top:-70px;left:-80px;transform:translate3d(calc(var(--scroll-progress) * -36px),calc(var(--scroll-progress) * 64px),0);transition:transform .25s ease-out}.orb-2{width:320px;height:320px;background:#ff5dac;right:-60px;bottom:40px;transform:translate3d(calc(var(--scroll-progress) * 46px),calc(var(--scroll-progress) * -58px),0);transition:transform .25s ease-out}.hero{min-height:92vh;padding:2rem 9%;display:flex;flex-direction:column}.hero-body{margin:auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:2rem;align-items:center}.nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:1rem;z-index:5;padding:.9rem 1.2rem;border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0e1ea6;border:1px solid rgba(255,255,255,.1)}.brand{font-weight:700;letter-spacing:.08rem}.nav-links{display:flex;gap:1.1rem}.nav-links a{color:#f3f5ff;font-size:.94rem;opacity:.85;transition:opacity .25s ease,transform .25s ease}.nav-links a:hover{opacity:1;transform:translateY(-1px)}.hero-content{max-width:780px;animation:fade-up .8s ease forwards}.hero-photo-wrap{justify-self:center;position:relative;width:min(100%,230px);aspect-ratio:4 / 5;border-radius:32px;padding:0;background:linear-gradient(145deg,#a6b4fff2,#ffaad1f2);box-shadow:0 30px 65px #0a0c2299;animation:fade-up 1s ease forwards,photo-float 8s ease-in-out infinite;transform:perspective(700px) rotateY(-8deg);transform-origin:center left}.hero-photo-wrap:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:-1;border-radius:40px;background:radial-gradient(circle at 60% 35%,#ff8ac659,#8191ff29 45%,#0a0e2400 72%);filter:blur(6px)}.hero-photo-wrap:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:38px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:32px;border:2px solid rgba(255,255,255,.4);filter:saturate(1.05) contrast(1.03);transition:transform .3s ease,filter .3s ease}.hero-photo-wrap:hover .hero-photo{transform:scale(1.02);filter:saturate(1.12) contrast(1.06)}.kicker{text-transform:uppercase;letter-spacing:.15rem;color:#95a3ff;font-size:.78rem}h1{font-size:clamp(2rem,6vw,4rem);line-height:1.1;margin:.8rem 0 1rem}h1 span{background:linear-gradient(90deg,#8ea2ff,#ff87b7);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{max-width:650px;color:#cad1f5;font-size:1.08rem}.cta{display:inline-block;margin-top:1.6rem;padding:.8rem 1.2rem;border-radius:12px;color:#0f1223;background:linear-gradient(90deg,#a6b4ff,#ffc0de);font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px #a6b4ff40}.scroll-cue{margin:1.2rem auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;color:#d8defa;font-size:.86rem;opacity:.9}.scroll-arrow{font-size:1.25rem;line-height:1;animation:bounce-down 1.5s ease-in-out infinite}.section{padding:2.8rem 9% 1.5rem;position:relative}#services:before,#projets:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 70% 0,rgba(141,160,255,.11),transparent 50%)}.section h2{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.section-head{display:flex;align-items:center;gap:1rem;margin-bottom:.4rem}.section-line{width:min(36vw,220px);height:2px;border-radius:999px;background:linear-gradient(90deg,#9daefff2,#ff93c966)}.section-text{color:#c0c9ef;max-width:780px}.skills-grid,.projects-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.skill-card,.project-card{background:linear-gradient(170deg,#ffffff17,#ffffff08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:1.05rem 1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.skill-card:before,.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#fff0);opacity:0;transition:opacity .25s ease}.skill-card:hover,.project-card:hover{transform:translateY(-6px);border-color:#9eadff99;box-shadow:0 20px 34px #070a1e61}.skill-card:hover:before,.project-card:hover:before{opacity:1}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;margin-bottom:.65rem;font-size:.78rem;font-weight:700;color:#f5f7ff;background:linear-gradient(135deg,#95a6fff2,#ff9dd0d9)}.skill-card h3,.project-card h3{margin:0 0 .45rem;font-size:1.03rem}.skill-card p{margin:0;color:#d1d9f8;font-size:.95rem}.project-card h3{margin-top:.6rem}.project-card p{margin:0;color:#d4dbfa}.project-meta{margin-top:.85rem;display:flex;flex-direction:column;gap:.25rem}.project-meta span{color:#b5c2ff;font-size:.85rem}.project-meta strong{color:#ffd0e9;font-size:.9rem}.tag{font-size:.75rem;padding:.25rem .55rem;border-radius:999px;background:#9bacff33;border:1px solid rgba(155,172,255,.35)}.contact a{color:#cfd7ff;border-bottom:1px dashed rgba(207,215,255,.8)}.chatbot{position:fixed;right:1.2rem;bottom:1.2rem;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.chatbot-toggle{position:relative;border:0;border-radius:999px;padding:.75rem 1.05rem;color:#111631;font-weight:700;cursor:pointer;background:linear-gradient(120deg,#b1beff,#ffc8e3);box-shadow:0 12px 30px #0c122f73;transition:transform .2s ease,box-shadow .2s ease}.chatbot-toggle-content{display:inline-flex;align-items:center;gap:.5rem}.chatbot-toggle-text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.1}.chatbot-toggle-text strong{font-size:.88rem}.chatbot-toggle-text small{font-size:.68rem;opacity:.85}.chatbot-icon{width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;background:#ff4aa033;color:#fff;border:1px solid rgba(255,136,197,.6)}.chatbot-icon-pulse{animation:chatbot-icon-pulse 1.2s infinite}.chatbot-toggle:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0c122f80}.chatbot-panel{width:min(92vw,380px);border-radius:18px;border:1px solid rgba(255,255,255,.15);background:#0b0f24f5;box-shadow:0 20px 44px #0508198c;overflow:hidden;transform-origin:bottom right;animation:chat-in .28s ease}.chatbot-header{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border-bottom:1px solid rgba(255,255,255,.12)}.chatbot-header p{margin:.2rem 0 0;color:#bcc7f8;font-size:.84rem}.chatbot-close{border:0;background:transparent;color:#c7d1fe;font-size:1.4rem;line-height:1;cursor:pointer}.chatbot-body{padding:.9rem;display:flex;flex-direction:column;gap:.7rem;max-height:min(66vh,540px);overflow-y:auto;min-width:0}.chatbot-msg{margin:0;color:#d5ddff;font-size:.92rem;background:#6d80ff29;border:1px solid rgba(135,152,255,.28);border-radius:12px 12px 12px 6px;padding:.62rem .72rem}.chatbot-bubble{max-width:88%;padding:.58rem .7rem;border-radius:12px;line-height:1.4;font-size:.86rem}.chatbot-bubble.bot{align-self:flex-start;background:#ffffff14;color:#e5eaff;border:1px solid rgba(255,255,255,.12)}.chatbot-bubble.user{align-self:flex-end;background:linear-gradient(120deg,#a2b1fff2,#ffbbdef2);color:#121735}.chatbot-body textarea,.chatbot-body input{box-sizing:border-box;width:100%;max-width:100%;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0d;color:#f0f3ff;padding:.65rem .75rem;font-family:inherit;resize:vertical}.chatbot-body button,.chatbot-mailto{border:0;border-radius:10px;padding:.62rem .85rem;text-align:center;color:#141a3a;font-weight:700;cursor:pointer;background:linear-gradient(120deg,#a8b6ff,#ffc1de)}.ghost-btn{background:#ffffff1a!important;color:#e3e8ff!important}.chatbot-actions{display:flex;gap:.55rem}.chatbot-actions button{flex:1}.chatbot-error{margin:0;color:#ffb8cf;font-size:.84rem}.chatbot-mailto{text-decoration:none}.has-scroll-anim .reveal-on-scroll{opacity:0;transform:translateY(20px) scale(.985)}.has-scroll-anim .reveal-on-scroll.is-visible{animation:scroll-reveal .72s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d, 0s)}@keyframes chatbot-icon-pulse{0%{transform:scale(1);box-shadow:0 0 #ff52a8bf}50%{transform:scale(1.14);box-shadow:0 0 0 12px #ff52a800}to{transform:scale(1);box-shadow:0 0 #ff52a800}}@keyframes chat-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-float{0%,to{transform:perspective(700px) rotateY(-8deg) translateY(0)}50%{transform:perspective(700px) rotateY(-8deg) translateY(-8px)}}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 720px){.hero,.section,.footer{padding-left:6%;padding-right:6%}.nav{border-radius:16px;flex-wrap:wrap;gap:.65rem;justify-content:center;text-align:center}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:.7rem}.hero-body{grid-template-columns:1fr}.hero-photo-wrap{width:min(100%,190px);order:-1;margin-top:1rem;transform:none;animation:fade-up 1s ease forwards}.hero-content{text-align:center}.subtitle{margin:0 auto}.chatbot{right:.6rem;bottom:.8rem;left:.6rem;align-items:stretch}.chatbot-panel{width:100%;max-width:none}.chatbot-toggle{width:100%;justify-content:center}}@media (min-width: 1440px){.hero,.section,.footer{padding-left:10%;padding-right:10%}.hero-body{grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:2.6rem}.hero-photo-wrap{width:min(100%,270px)}}@media (min-width: 1280px) and (max-resolution: 1.1dppx){:root{font-size:17px}.hero,.section,.footer{padding-left:10%;padding-right:10%}.hero-body{grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:2.4rem}.hero-photo-wrap{width:min(100%,260px)}}:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f7f8ff;background:radial-gradient(circle at top,#1a1f44,#0a0d19 60%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;min-width:320px;background:transparent}#root{min-height:100vh}