@layer components{body.page-homepage{background-image:radial-gradient(at 0% 0%,#e5f2ff 0,transparent 50%),radial-gradient(at 100% 0%,#eae5ff 0,transparent 50%)}.homepage{padding-block:var(--space-xl);min-height:80vh;& .homepage__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-l);margin-bottom:var(--space-xl);padding-inline:var(--space-s);width:100%;text-align:center}& .homepage__title{font-size:var(--size-step-3);font-weight:700;line-height:1.1;max-width:40ch}& .homepage__description{font-size:var(--size-step-1);color:var(--color-text);opacity:.8;max-width:65ch;text-wrap:balance;& strong{color:var(--color-text);font-weight:600;opacity:1;&:nth-of-type(1){color:var(--color-blue-primary)}&:nth-of-type(2){color:var(--color-orange-primary)}&:nth-of-type(3){color:var(--color-purple-primary)}&:nth-of-type(4){color:var(--color-green-primary)}&:nth-of-type(5){color:var(--color-sky-primary)}}}}}@media(prefers-color-scheme:dark){body.page-homepage{background-image:radial-gradient(at 0% 0%,#001933 0,transparent 50%),radial-gradient(at 100% 0%,#080033 0,transparent 50%)}.homepage{& .homepage__description{opacity:.7;& strong{opacity:1}}}}