@charset "UTF-8";:root{--color-bg: #0a0a0a;--color-bg-alt: #121212;--color-surface: #181818;--color-border: #262626;--color-text: #fdfdfd;--color-text-dim: #b7b7b7;--color-cyan: #00e5ff;--color-magenta: #ff00c8;--color-yellow: #ffe600;--color-accent: #ff5fa2;--color-accent-alt: #d63c9c;--gradient-accent: linear-gradient(100deg, var(--color-magenta), var(--color-cyan));--gradient-pop: linear-gradient( 120deg, var(--color-magenta), var(--color-cyan), var(--color-yellow) );--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Bebas Neue", Impact, "Rubik", var(--font-sans);--font-serif: "Unna", "Georgia", serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: clamp(1.05rem, 1.2vw, 1.125rem);--fs-lg: clamp(1.25rem, 2.2vw, 1.5rem);--fs-xl: clamp(1.75rem, 3.5vw, 2.25rem);--fs-2xl: clamp(2.4rem, 5.2vw, 3.2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px -1px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .05), 0 0 0 4px rgba(79, 127, 247, .25);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, .15, .85, .5);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-md: .24s;--dur-slow: .42s;--color-pop-red: var(--color-magenta);--color-pop-blue: var(--color-cyan);--color-pop-yellow: var(--color-yellow);--color-pop-pink: #ff55dd;--color-pop-purple: #712bff;--color-pop-green: #31e27e;--color-logo-fg: #fdfdfd;--color-accent-hover: color-mix(in srgb, var(--color-cyan) 35%, #ffffff 5%);--color-accent-active: color-mix(in srgb, var(--color-magenta) 45%, #000 10%);--halftone-opacity: .11;--noise-opacity: .7;--panel-border: #000;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-accent) 55%, transparent);--panel-shadow: 4px 4px 0 #000, 8px 8px 0 #fff, 12px 12px 0 #000;--panel-shadow-accent: 4px 4px 0 var(--color-pop-red), 8px 8px 0 #fff, 12px 12px 0 #000;--outline-stack: 0 0 0 2px #000, 0 0 0 4px #fff, 0 0 0 6px #000;--halftone-dark: image-set(url(/halftone-dark.svg) 1x, url(/halftone-dark@2x.svg) 2x);--halftone-light: image-set(url(/halftone-light.svg) 1x, url(/halftone-light@2x.svg) 2x);--halftone-current: var(--halftone-dark);--jitter-1: translate(1px, -1px);--jitter-2: translate(-1px, 1px);--jitter-3: translate(2px, 0);--jitter-4: translate(-2px, 0);--noise-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cfilter id='n' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");--noise-bg: var(--noise-texture);--bg-multiverse: radial-gradient(circle at 20% 25%, #131313, #050505 65%)}@media (prefers-color-scheme: light){:root:not([data-theme]){--color-bg: #f2ecf8;--color-bg-alt: #e9e0f3;--color-surface: #ffffff;--color-border: #d8cfe8;--color-text: #1d0f28;--color-text-dim: #5b4f68;--color-accent: #ff5fa2;--color-accent-alt: #d63c9c;--gradient-accent: linear-gradient( 120deg, color-mix(in srgb, #ff5fa2 85%, #ffffff 15%), color-mix(in srgb, #d63c9c 80%, #ffffff 20%) );--halftone-current: var(--halftone-light);--halftone-opacity: .06;--noise-opacity: .2;--panel-border: #cbbedd;--panel-shadow: 4px 4px 0 rgba(93, 70, 114, .18), 8px 8px 0 #ffffff;--panel-shadow-accent: 4px 4px 0 color-mix(in srgb, #ff5fa2 75%, #1d0f28 25%), 8px 8px 0 rgba(93, 70, 114, .18);--outline-stack: 0 0 0 2px #1d0f28, 0 0 0 4px #ff5fa2, 0 0 0 6px #1d0f28;--color-logo-fg: #1d0f28;--color-accent-hover: color-mix(in srgb, #ff5fa2 70%, #ffffff 30%);--color-accent-active: color-mix(in srgb, #d63c9c 80%, #1d0f28 20%);--focus-ring: 0 0 0 3px color-mix(in srgb, #ff5fa2 65%, #ffffff 35%);--bg-multiverse: radial-gradient(circle at 30% 35%, #f7eaff 0%, #ffffff 52%, #ffffff 72%), radial-gradient(circle at 70% 70%, #e9f4ff 0%, #ffffff 55%, #ffffff 75%)}}html[data-theme=light]{--color-bg: #f2ecf8;--color-bg-alt: #e9e0f3;--color-surface: #ffffff;--color-border: #d8cfe8;--color-text: #1d0f28;--color-text-dim: #5b4f68;--halftone-current: var(--halftone-light);--color-accent: #ff5fa2;--color-accent-alt: #d63c9c;--gradient-accent: linear-gradient( 120deg, color-mix(in srgb, #ff5fa2 85%, #ffffff 15%), color-mix(in srgb, #d63c9c 80%, #ffffff 20%) );--halftone-opacity: .06;--noise-opacity: .2;--panel-border: #cbbedd;--panel-shadow: 4px 4px 0 rgba(93, 70, 114, .18), 8px 8px 0 #ffffff;--panel-shadow-accent: 4px 4px 0 color-mix(in srgb, #ff5fa2 75%, #1d0f28 25%), 8px 8px 0 rgba(93, 70, 114, .18);--outline-stack: 0 0 0 2px #1d0f28, 0 0 0 4px #ff5fa2, 0 0 0 6px #1d0f28;--color-logo-fg: #1d0f28;--color-accent-hover: color-mix(in srgb, #ff5fa2 70%, #ffffff 30%);--color-accent-active: color-mix(in srgb, #d63c9c 80%, #1d0f28 20%);--focus-ring: 0 0 0 3px color-mix(in srgb, #ff5fa2 65%, #ffffff 35%);--color-pop-pink: #f978d9;--bg-multiverse: radial-gradient(circle at 30% 35%, #f7eaff 0%, #ffffff 52%, #ffffff 72%), radial-gradient(circle at 70% 70%, #e9f4ff 0%, #ffffff 55%, #ffffff 75%)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*,*:before,*:after{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;font-family:var(--font-sans);font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(140deg,color-mix(in srgb,var(--color-bg) 94%,#000 6%),color-mix(in srgb,var(--color-bg-alt) 92%,#000 8%) 55%,color-mix(in srgb,var(--color-bg) 90%,#000 10%) 90%),var(--bg-multiverse),var(--halftone-current),var(--color-bg);background-size:cover,cover,32px 32px,auto;background-attachment:fixed;position:relative;width:100%;min-height:100dvh;overflow-x:hidden}:root{background:var(--color-bg);color:var(--color-text)}html{width:100%;min-height:100%}html[data-theme=light]{color-scheme:light}html[data-theme=light] body{background:linear-gradient(165deg,color-mix(in srgb,var(--color-bg) 99%,#ffffff 1%),color-mix(in srgb,var(--color-bg-alt) 97%,#ffffff 3%) 55%,color-mix(in srgb,var(--color-bg) 95%,#ffffff 5%) 90%),var(--bg-multiverse),var(--halftone-current),var(--color-bg)}html.theme-ready,html.theme-ready body,html.theme-ready .header,html.theme-ready .theme-toggle{transition:background-color .45s ease,color .45s ease,border-color .45s ease,fill .45s ease,stroke .45s ease}@media (prefers-reduced-motion: reduce){html.theme-ready,html.theme-ready body,html.theme-ready .header,html.theme-ready .theme-toggle{transition:none}}a{color:inherit;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.12em;text-underline-offset:.22em;text-decoration-skip-ink:auto;transition:color var(--dur-fast) var(--ease-out),text-decoration-color var(--dur-fast) var(--ease-out)}a:any-link,a:visited{color:inherit}a:hover,a:focus-visible{color:inherit;text-decoration-color:currentColor}a:focus-visible{outline:none;text-decoration-thickness:.16em}h1,h2{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:1px;text-transform:uppercase}h1{font-size:clamp(3rem,8vw,5rem)}h2{font-size:clamp(2.2rem,5.5vw,3.2rem);margin:3rem 0 1.5rem}h3{font-size:var(--fs-lg);margin:var(--space-7) 0 var(--space-3)}h4{font-size:var(--fs-md);margin:var(--space-6) 0 var(--space-2)}h5{font-size:var(--fs-base);margin:var(--space-5) 0 var(--space-2);text-transform:uppercase;letter-spacing:.5px}h6{font-size:var(--fs-sm);margin:var(--space-4) 0 var(--space-1);text-transform:uppercase;letter-spacing:.75px}h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.5px}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.split-text{color:#fff;position:relative;text-shadow:3px 0 var(--color-cyan),-3px 0 var(--color-magenta)}@keyframes glitch{0%,to{text-shadow:2px 0 var(--color-magenta),-2px 0 var(--color-cyan)}50%{text-shadow:-2px 0 var(--color-magenta),2px 0 var(--color-cyan)}}.glitch{animation:glitch 1.5s infinite}.halftone-overlay,.noise-overlay{position:absolute;inset:0;pointer-events:none}.halftone-overlay{background:var(--halftone-dark) repeat;opacity:.11;mix-blend-mode:overlay}.noise-overlay{background:var(--noise-bg);opacity:.06;mix-blend-mode:soft-light}.text-dim{color:var(--color-text-dim)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.accent-gradient{background:var(--gradient-accent)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.pop-outline{box-shadow:var(--outline-stack)}.pop-text{background:var(--gradient-pop);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:-.5px}.pop-chip{display:inline-block;padding:.4rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--gradient-pop);color:#000;border-radius:var(--radius-pill);box-shadow:0 2px 6px -1px #0006}.halftone-dark{background-image:var(--halftone-dark);background-size:16px 16px}.halftone-light{background-image:var(--halftone-light);background-size:16px 16px}.noise-overlay{position:relative}.noise-overlay:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--noise-texture);mix-blend-mode:overlay;opacity:.7}@keyframes jitter{0%{transform:var(--jitter-1)}25%{transform:var(--jitter-2)}50%{transform:var(--jitter-3)}75%{transform:var(--jitter-4)}to{transform:none}}.jitter{animation:jitter .6s steps(2,end) infinite}@keyframes glitchSlice{0%{clip-path:inset(0 0 0 0)}20%{clip-path:inset(15% 0 30% 0);transform:translate(-2px,-1px)}40%{clip-path:inset(40% 0 10% 0);transform:translate(2px,1px)}60%{clip-path:inset(5% 0 60% 0);transform:translate(-3px)}80%{clip-path:inset(25% 0 20% 0);transform:translate(3px,1px)}to{clip-path:inset(0 0 0 0);transform:none}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}.glitch:before{color:var(--color-pop-blue);mix-blend-mode:screen;animation:glitchSlice 2.8s infinite linear}.glitch:after{color:var(--color-pop-pink);mix-blend-mode:screen;animation:glitchSlice 3.1s infinite linear reverse}.panel{background:var(--color-surface);border:2px solid var(--panel-border);position:relative;padding:1.1rem .95rem;border-radius:var(--radius-md);box-shadow:var(--panel-shadow)}.panel--accent{border-color:var(--color-pop-red);box-shadow:var(--panel-shadow-accent)}html[data-theme=light] .panel{background:linear-gradient(180deg,#fff,#fbfcfd)}html[data-theme=light] .panel--accent{background:linear-gradient(180deg,#fff,#fff6fb)}.panel-title{font-family:var(--font-display);font-size:1.1rem;margin:0 0 .5rem}.panel-body{font-size:.85rem;line-height:1.45}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up var(--dur-md) var(--ease-out) both}main a:not(.btn):not(.logo):not(nav a){position:relative;text-decoration:none;color:inherit;font-weight:500;transition:color var(--dur-md) var(--ease-out),transform var(--dur-fast) var(--ease-out)}main a:not(.btn):not(.logo):not(nav a):after{content:"";position:absolute;left:0;bottom:-3px;height:3px;width:100%;background:var(--gradient-pop);transform-origin:left;scale:0 1;transition:scale var(--dur-md) var(--ease-out);border-radius:2px}main a:not(.btn):not(.logo):not(nav a):hover:after,main a:not(.btn):not(.logo):not(nav a):focus-visible:after{scale:1 1}main a:not(.btn):not(.logo):not(nav a):hover{transform:skew(-4deg)}.btn{font-family:var(--font-display);font-weight:700;letter-spacing:.5px;text-transform:uppercase;position:relative;overflow:hidden}.btn.primary{background:var(--gradient-accent);color:#000;border:2px solid #000;box-shadow:4px 4px #000,8px 8px 0 var(--color-magenta)}.btn.primary:hover{transform:translate(-2px,-2px) scale(1.03) rotate(-1deg);box-shadow:6px 6px #000,10px 10px 0 var(--color-cyan)}.btn.primary:active{transform:translate(2px,2px) scale(.97);box-shadow:2px 2px #000,4px 4px 0 var(--color-cyan)}.section-title,#uses-heading,#ressources-heading{background:var(--gradient-pop);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-left{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}.slide-up{animation:slide-up var(--dur-md) var(--ease-out) both}.slide-down{animation:slide-down var(--dur-md) var(--ease-out) both}.slide-left{animation:slide-left var(--dur-md) var(--ease-out) both}.slide-right{animation:slide-right var(--dur-md) var(--ease-out) both}[data-stagger]>*{--_i: 0}[data-stagger]>*[data-index]{--_i: attr(data-index number)}[data-stagger=xs]>*{animation-delay:calc(var(--_i) * 30ms)}[data-stagger=sm]>*{animation-delay:calc(var(--_i) * 55ms)}[data-stagger=md]>*{animation-delay:calc(var(--_i) * 80ms)}[data-stagger=lg]>*{animation-delay:calc(var(--_i) * .11s)}[data-stagger]>.slide-up,[data-stagger]>.slide-down,[data-stagger]>.slide-left,[data-stagger]>.slide-right{opacity:0}@media (prefers-reduced-motion: reduce){@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-left{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}.slide-up,.slide-down,.slide-left,.slide-right{animation-duration:.32s}[data-stagger=xs]>*{animation-delay:0ms}[data-stagger=sm]>*{animation-delay:0ms}[data-stagger=md]>*{animation-delay:0ms}[data-stagger=lg]>*{animation-delay:0ms}}