.home:where(.astro-xa7uqt5p){max-width:86rem;margin-inline:auto;padding-bottom:2rem}.paper:where(.astro-xa7uqt5p){isolation:isolate;margin-inline:calc(50% - 50vw);padding:clamp(2rem,6vw,4.5rem) max(1rem,50vw - 42.75rem);position:relative}.paper:where(.astro-xa7uqt5p):before{content:"";z-index:-1;background-image:linear-gradient(to right, transparent calc(var(--margin,3.2rem) - 1px), var(--lc-paper-margin) calc(var(--margin,3.2rem) - 1px), var(--lc-paper-margin) var(--margin,3.2rem), transparent var(--margin,3.2rem));position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero:where(.astro-xa7uqt5p){--margin:1.1rem;grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;display:grid}@media (width>=62rem){.hero:where(.astro-xa7uqt5p){--margin:0rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.hero-title:where(.astro-xa7uqt5p){letter-spacing:-.05em;color:var(--sl-color-white);margin:0;font-size:clamp(3.2rem,11vw,6.5rem);font-weight:800;line-height:.95}.hero-subtitle:where(.astro-xa7uqt5p){max-width:34rem;color:var(--sl-color-gray-2);margin:1rem 0 0;font-size:clamp(1.1rem,1vw + .9rem,1.35rem);line-height:1.55}.hero-demo:where(.astro-xa7uqt5p){min-width:0}.hero-demo:where(.astro-xa7uqt5p) .lc-run-bar{margin:.7rem 0 0}.hero-demo:where(.astro-xa7uqt5p) .expressive-code{filter:drop-shadow(0 18px 28px #00000038);margin:0}.levels:where(.astro-xa7uqt5p){grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1.25rem;margin-top:1rem;display:grid}.level:where(.astro-xa7uqt5p){--c:var(--lv-seconde);border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg-nav);color:var(--sl-color-gray-2);border-radius:.5rem 1.1rem 1.1rem .5rem;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.4rem 2.6rem;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.level:where(.astro-xa7uqt5p):before{content:"";background-color:var(--c);background-image:radial-gradient(circle at 50% 50%, var(--sl-color-bg-nav) .22rem, transparent .25rem);background-size:100% 1.6rem;border-radius:.5rem 0 0 .5rem;width:1.5rem;position:absolute;inset:0 auto 0 0}.level--seconde:where(.astro-xa7uqt5p){--c:var(--lv-seconde)}.level--premiere:where(.astro-xa7uqt5p){--c:var(--lv-premiere)}.level--terminale:where(.astro-xa7uqt5p){--c:var(--lv-terminale)}.level:where(.astro-xa7uqt5p):hover{transform:translateY(-4px)rotate(-.4deg);box-shadow:0 14px 30px #00000038}.level-icon:where(.astro-xa7uqt5p){width:2.6rem;height:2.6rem;color:var(--c)}.level-badge:where(.astro-xa7uqt5p){background:color-mix(in srgb, var(--c) 18%, transparent);color:var(--c);border-radius:2rem;align-self:flex-start;padding:.1rem .7rem;font-size:.95rem;font-weight:800}.level-title:where(.astro-xa7uqt5p){font-family:var(--lc-display);color:var(--sl-color-white);font-size:1.3rem;font-weight:700;line-height:1.2}.level-desc:where(.astro-xa7uqt5p){color:var(--sl-color-gray-3);flex-grow:1;font-size:.97rem;line-height:1.55}.level-progress:where(.astro-xa7uqt5p){margin:.4rem 0 0!important}.level-arrow:where(.astro-xa7uqt5p){background:color-mix(in srgb, var(--c) 16%, transparent);min-height:2.75rem;color:var(--c);border-radius:.7rem;align-self:flex-start;align-items:center;margin-top:.4rem;padding:0 1.1rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.level:where(.astro-xa7uqt5p):hover .level-arrow:where(.astro-xa7uqt5p){background:var(--c);color:var(--sl-color-black)}.quick:where(.astro-xa7uqt5p) h2:where(.astro-xa7uqt5p){color:var(--sl-color-white);margin:3rem 0 1rem;font-size:clamp(1.4rem,1.5vw + 1rem,1.9rem)}.quick:where(.astro-xa7uqt5p) ul:where(.astro-xa7uqt5p){grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.quick-link:where(.astro-xa7uqt5p){--c:var(--lv-tutoriels);border:1px solid var(--sl-color-hairline);border-inline-start:5px solid var(--c);background:var(--sl-color-bg-nav);min-height:4.5rem;color:var(--sl-color-gray-3);border-radius:.4rem .9rem .9rem .4rem;flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}.quick-link:where(.astro-xa7uqt5p) strong:where(.astro-xa7uqt5p){color:var(--sl-color-white);font-size:1.1rem}.quick-link--ressources:where(.astro-xa7uqt5p){--c:var(--sl-color-accent)}.quick-link--sandbox:where(.astro-xa7uqt5p){--c:var(--lv-premiere)}.quick-link:where(.astro-xa7uqt5p):hover{background:var(--sl-color-gray-6)}@media (prefers-reduced-motion:reduce){.level:where(.astro-xa7uqt5p){transition:none}.level:where(.astro-xa7uqt5p):hover{transform:none}}