.difficulty[data-astro-cid-pskvsl3j]{position:relative;display:flex;align-items:flex-end;margin:0 .5em 0 0;gap:2px;&:hover{&:before{opacity:1;position:absolute;top:-1.75rem;left:0;content:attr(title);height:1rem;font-weight:400;padding:var(--size-xs) var(--size-sm);border-radius:var(--radius-xs) var(--radius-xs) 0 0;background-color:var(--color-border);animation:fadeInUp .5s ease-in-out forwards}}}.difficulty-bar[data-astro-cid-pskvsl3j]{width:.5rem;border-radius:2px 2px 0 0}.difficulty-easy[data-astro-cid-pskvsl3j]{height:.75rem;background-color:var(--color-easy-opacity);border:1px solid var(--color-easy-opacity);&.difficulty-easy-active{background-color:var(--color-easy)}}.difficulty-intermediate[data-astro-cid-pskvsl3j]{height:1rem;background-color:var(--color-intermediate-opacity);border:1px solid var(--color-intermediate-opacity);&.difficulty-intermediate-active{background-color:var(--color-intermediate)}}.difficulty-advanced[data-astro-cid-pskvsl3j]{height:1.25rem;background-color:var(--color-advanced-opacity);&.difficulty-advanced-active{background-color:var(--color-advanced)}}.difficulty-expert[data-astro-cid-pskvsl3j]{height:1.5rem;background-color:var(--color-expert-opacity);border:1px solid var(--color-expert-opacity);&.difficulty-expert-active{background-color:var(--color-expert)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px) translate(-50%)}to{opacity:1;transform:translateY(-50px) translate(-50%)}}.section[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;width:100svw;height:calc(100svh - 64px);overflow-y:visible;overflow-x:hidden;text-wrap:balance;align-items:center;background-image:linear-gradient(var(--color-surface-c) 1px,transparent 1px),linear-gradient(to right,var(--color-surface-c) 1px,var(--color-surface-a) 1px);background-size:20px 20px;color:var(--color-text);margin-top:64px}.hero[data-astro-cid-oqy2pvxk]{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;width:100%;height:430px;max-width:1920px;padding:var(--size-2xl) var(--size-lg);border-bottom:1px solid var(--color-border);box-shadow:0 0 10px #0000001a;box-sizing:border-box;background-color:#000;opacity:1;background-image:radial-gradient(var(--color-surface-f) 0px,var(--color-surface-a) 1px);background-size:10px 10px}.hero-content[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding:var(--size-lg);gap:1rem}.hero-category[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1em;font-weight:400;text-transform:uppercase;text-align:center;width:max-content;padding:var(--size-sm) var(--size-lg);border-radius:var(--radius-xs);backdrop-filter:blur(10px)}.hero-title[data-astro-cid-oqy2pvxk]{position:relative;font-size:calc(1rem + 3svw);line-height:1em;font-weight:700;color:var(--color-secondary)}.hero-star[data-astro-cid-oqy2pvxk]{position:absolute;top:-.1em;right:-.3em;color:var(--color-js);fill:var(--color-js)}.hero-resume[data-astro-cid-oqy2pvxk]{font-size:1rem;line-height:1.5em;text-wrap:balance;width:100%}.hero-picture[data-astro-cid-oqy2pvxk]{position:relative;display:flex;align-items:center;justify-content:center;place-self:center;width:100%;max-width:max-content;height:85%;overflow:hidden}.hero-id[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background-color:#ff009d20;backdrop-filter:blur(10px);color:#ff009d;font-size:1.25rem;line-height:1em;font-weight:700;text-transform:uppercase;text-align:center;z-index:10;svg{width:1.25rem;height:1.25rem}}.hero-image[data-astro-cid-oqy2pvxk]{width:100%;height:100%;object-position:center;object-fit:cover;object-position:top left;border-radius:var(--radius-sm);border:4px solid var(--color-surface-f)}.hero-buttons[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:1rem;margin-top:var(--size-2xl);a{min-width:10rem!important}}.box[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-lg) var(--size-xl);gap:1rem;width:100%;max-width:937px;background:var(--color-bg);border-radius:var(--radius-xs);box-shadow:0 0 10px #0000001a;border:1px solid var(--color-border);animation:fadeInUp 1s ease-in-out forwards;.box-title{display:flex;align-items:center;gap:.75rem;width:100%;font-size:1rem;line-height:1em;text-transform:capitalize;text-align:left;padding:var(--size-sm) 0 var(--size-lg) 0;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);svg{width:2rem;height:2rem}h2{font-weight:500}}.box-title-sticky{position:sticky;top:0;z-index:10}.box-text{font-size:.95rem;line-height:1.5em;text-wrap:balance;width:100%}}.box-buttons[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;a{min-width:10rem!important}}.box-container[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;gap:1rem}.box-title-desc[data-astro-cid-oqy2pvxk]{color:var(--color-js)}.box-title-key[data-astro-cid-oqy2pvxk]{color:var(--color-ts)}.box-title-code[data-astro-cid-oqy2pvxk]{color:var(--color-secondary)}.box-title-challenge[data-astro-cid-oqy2pvxk]{color:var(--color-warning)}.box-title-lesson[data-astro-cid-oqy2pvxk]{color:var(--color-success)}.box-title-improvement[data-astro-cid-oqy2pvxk]{color:var(--color-danger)}.box-title-tag[data-astro-cid-oqy2pvxk]{color:var(--color-accent)}.box-title-info[data-astro-cid-oqy2pvxk]{color:var(--color-info)}.details[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;gap:1rem;width:100%}.info[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;gap:1rem;width:100%;border-radius:var(--radius-xs);.box-container{position:sticky;top:1rem}}.info-title[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;gap:.75rem;width:100%;font-size:1rem;line-height:1em;font-weight:700;text-transform:capitalize;text-align:left;padding:var(--size-sm) 0 var(--size-lg) 0;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);svg{width:2rem;height:2rem}}.info-content[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;width:100%;gap:1rem}.info-item[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;font-size:1rem;line-height:1em;font-weight:700;text-transform:capitalize;text-align:left;padding:var(--size-sm) 0 var(--size-lg) 0;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.info-container[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;justify-content:center;gap:.75rem;svg{width:1.5rem;height:1.5rem}}.info-label[data-astro-cid-oqy2pvxk]{font-size:1rem;line-height:1em;font-weight:500;text-transform:capitalize;color:var(--color-text);text-align:left}.info-text[data-astro-cid-oqy2pvxk]{font-size:1rem;line-height:1em;font-weight:400;color:var(--color-text-secondary);text-transform:capitalize;text-align:left;border-radius:var(--radius-xs);padding:var(--size-xs) var(--size-md)}.list[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;gap:1rem;list-style-type:none;width:100%;li:not(.code){display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--color-border);border-left:4px solid var(--color-border);padding:var(--size-sm) var(--size-md) var(--size-lg) var(--size-md);background-color:var(--color-surface-d);border-radius:0 var(--radius-xs) var(--radius-xs) 0;font-weight:400;color:var(--color-text-secondary);strong{color:var(--color-text);font-weight:700}}&.list-key{li{border-color:var(--color-border);border-left-color:var(--color-ts)}}&.list-code{li{border-color:var(--color-border);border-left-color:var(--color-secondary)}}&.list-challenge{li{border-color:var(--color-border);border-left-color:var(--color-warning)}}&.list-lesson{li{border-color:var(--color-border);border-left-color:var(--color-success)}}&.list-improvement{li{border-color:var(--color-border);border-left-color:var(--color-danger)}}}.tags-container[data-astro-cid-oqy2pvxk]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;justify-content:center;padding:var(--size-xs) var(--size-sm);border-radius:var(--radius-xs);font-size:.8rem;line-height:1em;font-weight:300;text-transform:capitalize;text-align:center;background-color:var(--color-secondary-opacity);color:var(--color-secondary)}.main-content-grid[data-astro-cid-oqy2pvxk]{position:relative;display:grid;grid-template-columns:1fr .4fr;gap:1rem;width:100%;max-width:var(--max-width);box-sizing:border-box;padding:var(--size-lg);border-radius:var(--radius-xs)}@media (width < 900px){.hero[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column;align-items:center;height:650px;justify-content:center;padding:var(--size-xs)}.hero-picture[data-astro-cid-oqy2pvxk]{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;background-color:var(--color-surface-a)}.hero-image[data-astro-cid-oqy2pvxk]{object-fit:contain;object-position:center}.box[data-astro-cid-oqy2pvxk]{.box-title{position:relative}}.main-content-grid[data-astro-cid-oqy2pvxk]{display:flex;flex-direction:column-reverse}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}