*{box-sizing:border-box;margin:0;padding:0}html{background-color:#020617}.three-bg-root{contain:strict}.three-bg-root canvas{vertical-align:middle;width:100%;height:100%}main.no-scrollbar::-webkit-scrollbar{display:none}main.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#main-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;scroll-padding-block:clamp(2rem,8vh,5rem);overflow-y:auto}@media (width<=767px){#main-scroll{padding-bottom:max(5.5rem, calc(env(safe-area-inset-bottom,0px) + 4.25rem))}}.portfolio-section{width:100%;scroll-margin-block:clamp(1rem,4vh,3rem);position:relative}.portfolio-section:not(#accueil){padding-block:clamp(2.25rem,10vw,6rem)}@media (width<=767px){#projets.portfolio-section{padding-block:clamp(3rem,11vw,5.75rem)}}@media (width>=768px){.portfolio-section:not(#accueil){padding-block:clamp(4rem,14vh,10rem)}.portfolio-section{min-height:100vh}}.projects-showcase{position:relative}.projects-mosaic{grid-template-columns:1fr;gap:clamp(1.75rem,5vw,2.25rem);display:grid}@media (width>=768px){.projects-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(72px,auto);gap:clamp(1rem,2vw,1.75rem)}.projects-dynamic{grid-area:1/1/span 4/span 12;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:clamp(1rem,2vw,1.75rem);min-height:0;display:grid}#slot-featured{flex-direction:column;grid-area:1/1/span 2/span 8;min-height:0;display:flex}#slot-sidebar{display:contents}#slot-sidebar>.project-swappable:first-child{grid-area:1/9/span 2/span 4;min-width:0}#slot-sidebar>.project-swappable:nth-child(2){grid-area:3/1/auto/span 4;min-width:0}#slot-sidebar>.project-swappable:nth-child(3){grid-area:3/5/auto/span 4;min-width:0}#slot-sidebar>.project-swappable:nth-child(4){grid-area:4/1/auto/span 4;min-width:0}#slot-sidebar>.project-swappable:nth-child(5){grid-area:4/5/auto/span 4;min-width:0}#slot-sidebar>.tile-filler{grid-area:4/1/auto/span 8;min-height:clamp(72px,12vw,100px)}#slot-sidebar>.project-swappable:nth-child(4)~.tile-filler,#slot-sidebar>.project-swappable:nth-child(5)~.tile-filler{grid-row:5}.projects-dynamic:has(#slot-sidebar>.project-swappable:nth-child(4)){grid-row:1/span 5}.projects-dynamic:has(#slot-sidebar>.project-swappable:nth-child(5)){grid-row:1/span 6}.tile-crud{grid-area:5/1/span 6/-1}.projects-mosaic:has(#slot-sidebar>.project-swappable:nth-child(4)):not(:has(#slot-sidebar>.project-swappable:nth-child(5))) .tile-crud{grid-row:6/span 6}.projects-mosaic:has(#slot-sidebar>.project-swappable:nth-child(5)) .tile-crud{grid-row:7/span 6}#slot-sidebar>.project-swappable:nth-child(2):nth-last-child(2){grid-column:1/span 8}}.projects-dynamic{flex-direction:column;gap:clamp(1.75rem,5vw,2.25rem);display:flex}@media (width<=767px){#slot-sidebar{flex-direction:column;gap:clamp(1.75rem,5vw,2.25rem);display:flex}}@media (width>=768px){.projects-dynamic{display:grid}}#slot-sidebar .project-swappable{cursor:pointer;min-height:0;transition:transform .2s,border-color .2s}@media (width<=767px){#slot-sidebar .project-swappable{flex:none}}.tile-surface{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.tile-surface:hover{border-color:#94a3b82e}.projects-mosaic .project-swappable.tile-surface{-webkit-backdrop-filter:blur(16px);background:#0f172ae6;border-color:#ffffff2e;box-shadow:0 8px 32px #00000059}.projects-mosaic .project-swappable.tile-surface:hover{background:#0f172af0;border-color:#94a3b84d}.projects-mosaic .tile-filler{background:#0f172ab8!important;border-color:#ffffff1f!important}.tile-crud.tile-surface{-webkit-backdrop-filter:blur(16px);background:#0a1020e0;border-color:#ffffff1a;box-shadow:0 12px 48px #00000047}.tile-crud>.flex>div:first-child{background-color:#0f172a47!important}.tile-crud>.flex>div:last-child{background-color:#0f172a38!important}.tile-crud .crud-window{background:#0c122280;box-shadow:0 16px 48px #00000040}.tile-crud .crud-window-titlebar{background:#151c2e8c}.tile-crud .crud-window-footer{background:#0003}.tile-crud #userList{background:#02061726}.nav-dot.is-active{background-color:#3b82f6;transform:scale(1.35);box-shadow:0 0 0 3px #3b82f659}.nav-dot:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.icon-img{object-fit:contain;width:48px;height:48px;transition:transform .3s}.fade-in{animation:.85s cubic-bezier(.19,1,.22,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}#accueil h1{background:linear-gradient(90deg,#fff 20%,#3b82f6 50%,#fff 80%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s linear infinite shine}@keyframes shine{to{background-position:200%}}@media (prefers-reduced-motion:reduce){#accueil h1{background-position:50%;animation:none}.fade-in{opacity:1;animation:none;transform:none}}.hover-insta:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285ae1 90%)!important}.hover-email:hover{background:linear-gradient(#5d75f8 0%,#6db3f9 50%,#76e7ff 100%)!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3b82f673;border-radius:10px}[data-project-id=crypto]{--acc:96, 165, 250}[data-project-id=buvette-plan-do]{--acc:52, 211, 153}[data-project-id=libgdx-pixel]{--acc:245, 158, 11}[data-project-id=parkewo]{--acc:129, 140, 248}[data-project-id=eloland]{--acc:244, 63, 94}[data-project-id=vektorops]{--acc:139, 92, 246}.proj-list{flex-direction:column;gap:1.25rem;display:flex}.proj-item{-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff12;border-left:2px solid rgba(var(--acc), .35);background:#080c18d1;border-radius:1.25rem;padding:2.25rem 2rem;transition:border-color .3s,box-shadow .3s;position:relative}.proj-item:hover{border-left-color:rgba(var(--acc), .9);box-shadow:0 8px 40px rgba(var(--acc), .1)}.proj-item__row{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}.proj-item__mockup{min-width:0;overflow:hidden}@media (width>=768px){.proj-item__row{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}.proj-item:nth-child(2n) .proj-item__mockup{order:-1}}@media (width<=767px){.proj-item__mockup{order:-1}}.proj-item__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.proj-item__num{letter-spacing:.3em;color:rgba(var(--acc), 1);font-family:ui-monospace,monospace;font-size:.68rem;font-weight:700}.proj-item__cat{letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;border:1px solid #ffffff1a;border-radius:999px;padding:.18rem .6rem;font-size:.65rem}.proj-item__title{letter-spacing:-.03em;color:#ffffffeb;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.85rem);font-weight:800;line-height:1.06;transition:color .2s}.proj-item:hover .proj-item__title{color:#fff}.proj-item__desc{color:#94a3b8d1;max-width:38ch;margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.proj-item__tags{flex-wrap:wrap;gap:.3rem;margin-bottom:1.35rem;display:flex}.proj-item__tags span{letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--acc), .9);background:rgba(var(--acc), .1);border:1px solid rgba(var(--acc), .28);border-radius:999px;padding:.2rem .55rem;font-size:.62rem}.proj-item__cta{letter-spacing:.01em;color:rgba(var(--acc), 1);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.proj-item__cta:hover{gap:.85rem}.proj-window{background:#080c18;border:1px solid #ffffff1a;border-radius:.875rem;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;overflow:hidden;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0f}.proj-item:hover .proj-window{box-shadow:0 36px 90px #0009, 0 0 50px rgba(var(--acc), .13), inset 0 1px 0 rgba(var(--acc), .12);transform:translateY(-5px)scale(1.012)}.proj-window__chrome{background:#ffffff0a;border-bottom:1px solid #ffffff12;align-items:center;gap:.35rem;padding:.55rem .85rem;display:flex}.proj-window__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.proj-window__file{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;margin-left:.5rem;font-family:ui-monospace,monospace;font-size:.6rem;overflow:hidden}.proj-window__urlbar{text-align:center;color:#ffffff38;white-space:nowrap;text-overflow:ellipsis;background:#0000004d;border-radius:4px;flex:1;max-width:220px;margin-left:.5rem;padding:.16rem .6rem;font-family:ui-monospace,monospace;font-size:.58rem;overflow:hidden}.proj-window__body{min-height:185px}.proj-window__body--screenshot{min-height:0;line-height:0;overflow:hidden}.proj-window__body--screenshot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.proj-window__body--terminal{color:#475569;background:#040710;padding:1rem 1.2rem;font-family:ui-monospace,monospace;font-size:.73rem;line-height:2}.t-ps{color:#60a5fa;margin-right:.3rem}.t-str{color:#34d399}.t-flag{color:#f59e0b}.t-out{color:#64748b;padding-left:.85rem;display:block}.t-hi{color:#93c5fd}.t-cursor{color:#60a5fa;animation:1s step-end infinite blink-cur}@keyframes blink-cur{0%,to{opacity:1}50%{opacity:0}}.proj-window__body--buvette{flex-direction:column;min-height:185px;display:flex}.buvette-nav{color:#fff6;background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.6rem;display:flex}.buvette-logo{background:linear-gradient(135deg,#34d399,#06b6d4);border-radius:50%;flex-shrink:0;width:1.1rem;height:1.1rem;margin-right:.35rem}.buvette-nav-links{gap:.7rem;display:flex}.buvette-hero{background:linear-gradient(#0c4a6e 0%,#065f46 65%,#14532d 100%);flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.buvette-hero__text{letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;text-align:center;text-shadow:0 2px 20px #0009;z-index:1;font-size:.88rem;font-weight:800;line-height:1.3;position:relative}.buvette-wave{background:linear-gradient(#0000,#06b6d447);border-radius:60% 60% 0 0/18px 18px 0 0;height:40%;position:absolute;bottom:0;left:0;right:0}.proj-window__body--game{min-height:185px;image-rendering:pixelated;background:linear-gradient(#0000000f 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#0000000f 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#0f172a 0%,#1e3a8a 42%,#166534 42%,#14532d 100%) 0 0/100% 100%;position:relative;overflow:hidden}.proj-window__body--game:before{content:"";background:#ffffff2e;border-radius:50%;width:32px;height:12px;position:absolute;top:18%;left:15%;box-shadow:48px -4px #ffffff1f,22px 0 #ffffff24}.pixel-char{width:8px;height:16px;image-rendering:pixelated;background:#ef4444;position:absolute;bottom:38%;left:42%;box-shadow:0 -8px #fbbf24}.pixel-tree{position:absolute;bottom:52%;left:18%}.pixel-tree:before{content:"";background:#78350f;width:8px;height:16px;position:absolute;bottom:-16px;left:8px}.pixel-tree:after{content:"";width:24px;height:24px;image-rendering:pixelated;background:#15803d;position:absolute;bottom:0;left:0}.game-overlay-text{color:#fbbf24bf;text-align:right;text-shadow:0 0 6px #fbbf2480;font-family:ui-monospace,monospace;font-size:.52rem;line-height:1.85;position:absolute;top:.6rem;right:.75rem}.proj-window__body--code{background:#0d1117;min-height:185px;padding:.65rem 0;font-family:ui-monospace,Cascadia Code,Fira Mono,monospace;font-size:.68rem;line-height:1.75;overflow:hidden}.code-line{white-space:pre;color:#e2e8f0;padding:0 1rem 0 .5rem;display:block;overflow:hidden}.code-line.cl-active{background:#f59e0b14;border-left:2px solid #f59e0bb3;padding-left:calc(.5rem - 2px)}.code-line.cl-blank{color:#0000}.cl-ln{text-align:right;color:#ffffff2e;-webkit-user-select:none;user-select:none;flex-shrink:0;width:1.6rem;margin-right:.75rem;display:inline-block}.cl-kw{color:#f59e0b}.cl-cls{color:#7dd3fc}.cl-var{color:#a78bfa}.cl-num{color:#4ade80}.cl-fn{color:#86efac}.cl-ann{color:#94a3b8;font-style:italic}.proj-window__body--parking{background:#040710;flex-direction:column;gap:.65rem;min-height:185px;padding:.85rem 1rem;display:flex}.parking-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.parking-header__title{letter-spacing:.12em;color:#818cf8;font-family:ui-monospace,monospace;font-size:.6rem;font-weight:700}.parking-live{color:#4ade80;align-items:center;gap:.3rem;font-size:.55rem;display:flex}.parking-live:before{content:"";background:#4ade80;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.parking-stats{gap:1rem;display:flex}.parking-stat-item{color:#ffffff59;font-family:ui-monospace,monospace;font-size:.58rem}.parking-stat-item .num{font-size:1.05rem;font-weight:700;line-height:1.2;display:block}.parking-stat-item.free .num{color:#818cf8}.parking-stat-item.taken .num{color:#f87171}.parking-grid{flex:1;grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.p-spot{aspect-ratio:1.5;border-radius:3px;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:.42rem;font-weight:700;display:flex}.p-spot.free{color:#818cf8;background:#818cf81f;border:1px solid #818cf861}.p-spot.taken{color:#f87171;background:#f871711f;border:1px solid #f8717152}.proj-window__body--rank{background:linear-gradient(135deg,#180a14 0%,#090016 100%);flex-direction:column;gap:.75rem;min-height:185px;padding:1rem 1.1rem;display:flex;position:relative;overflow:hidden}.proj-window__body--rank:before{content:"";pointer-events:none;background:radial-gradient(circle,#f43f5e33 0%,#0000 68%);width:160px;height:160px;position:absolute;top:-30%;right:-15%}.rank-profile{z-index:1;align-items:center;gap:.65rem;display:flex;position:relative}.rank-avatar{background:linear-gradient(135deg,#f43f5e 0%,#7c3aed 100%);border:2px solid #f43f5e66;border-radius:50%;flex-shrink:0;width:2.2rem;height:2.2rem}.rank-name{letter-spacing:.1em;color:#ffffffe6;font-size:.67rem;font-weight:700}.rank-tier{color:#f43f5e;letter-spacing:.1em;text-transform:uppercase;margin-top:.1rem;font-size:.55rem;font-weight:600}.rank-lp{color:#f43f5e;margin-left:auto;font-family:ui-monospace,monospace;font-size:1.15rem;font-weight:700}.rank-progress{z-index:1;background:#ffffff14;border-radius:99px;height:3px;position:relative;overflow:hidden}.rank-progress__fill{background:linear-gradient(90deg,#f43f5e,#a855f7);border-radius:99px;width:65%;height:100%}.rank-stats{z-index:1;gap:1.25rem;display:flex;position:relative}.rank-stat{color:#ffffff52;letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.56rem}.rank-stat .val{color:#ffffffd9;letter-spacing:0;margin-bottom:.12rem;font-size:.85rem;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){.t-cursor,.parking-live:before{animation:none}.proj-window,.proj-item__cta{transition:none}}