:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}.landing-layout{scroll-behavior:smooth;width:100%}.landing-layout.player-open,.landing-layout>#media-player.open{--player-height:170px;--nav-height:0px}@media (max-width:768px){.landing-layout.player-open,.landing-layout>#media-player.open{--player-height:100px;--nav-height:0px}}.landing-layout.player-open .landing-footer{padding-bottom:calc(var(--player-height) + var(--space-md))}.landing-header{background-color:var(--grey-100);border-bottom:2px solid var(--primary-500);box-shadow:0 0 10px #0003;color:var(--color-white);height:auto;left:0;max-height:5rem;padding:0 1rem;position:fixed;top:0;z-index:10}.landing-header,.landing-header .landing-header__user{align-items:center;display:flex;justify-content:space-between;width:100%}.landing-header .landing-header__user{gap:var(--space)}.landing-header .landing-header__user .logged-in-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-right:auto}.landing-header .landing-header__user .logged-in-container a{color:var(--grey-600);display:flex;font-weight:600;text-decoration:none;transition:all .2s ease-in-out}.landing-header .landing-header__user .logged-in-container a:hover{color:var(--grey-800)}.landing-header .landing-header__logo{align-items:center;display:flex;height:100%;justify-content:center;width:100px}.landing-content{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;padding-top:4rem;z-index:0}.landing-content .content-grid{flex-direction:column;margin:var(--space-xxl) auto;max-width:1200px}.landing-content .content-grid,.landing-footer{align-items:center;display:flex;justify-content:center;width:100%}.landing-footer{background-color:var(--grey-100);border-top:2px solid var(--primary-500)}@media (max-width:768px){.landing-footer{padding:var(--space-md)}}.landing-footer .landing-footer__content{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:1200px;padding:0 1rem;width:100%}.landing-footer .landing-footer__content .landing-footer__content__logo{align-items:center;display:flex;height:100%;justify-content:center;width:100px}.landing-footer .landing-footer__content .landing-footer__content__links{align-items:center;display:flex;justify-content:flex-end}.landing-footer .landing-footer__content .landing-footer__content__links .landing-footer__content__links__list{display:flex;gap:1rem;list-style:none;margin:0;padding:0}@media (max-width:768px){.landing-footer .landing-footer__content .landing-footer__content__links .landing-footer__content__links__list{flex-direction:column;gap:.5rem}}.landing-footer .landing-footer__content .landing-footer__content__links .landing-footer__content__links__list .landing-footer__content__links__list__item a{color:var(--grey-600);font-weight:600;text-decoration:none;transition:all .2s ease-in-out}.landing-footer .landing-footer__content .landing-footer__content__links .landing-footer__content__links__list .landing-footer__content__links__list__item a:hover{color:var(--grey-800)}