:root{--white: #fff;--black: #000000;--black-chinese: #161717;--dark-charcoal-gray: #242424;--charcoal-gray: #525252;--silver-american: #cfcfcf;--gray-philippine: #8c8c8c;--main-purple: #440c97;--royal-purple: #a36bfd;--dark-charcoal-gray-10: #242424;--dark-bg-10: rgba(0, 0, 0, .207);--reddish-orange: #ca4230;--golden-yellow: #fad85d;--green-sea: #83d89b;--turquoise: hsl(169, 89%, 45%);--riskment: #fdb723;--pirani: #32805b;--color-contrast-lower: hsl(from var(--main-purple) h 6% 15%);--color-contrast-low: hsl(from var(--main-purple) h 4% 25%);--color-contrast-medium: hsl(from var(--main-purple) h 1% 57%);--color-contrast-high: hsl(from var(--main-purple) h 0% 89%);--color-contrast-higher: white;--surface-0: hsl(from var(--main-purple) h 10% 15%);--surface-1: hsl(from var(--main-purple) h 10% 10%);--surface-2: hsl(from var(--main-purple) h 10% 15%);--surface-3: hsl(from var(--main-purple) h 10% 20%);--surface-4: hsl(from var(--main-purple) h 10% 25%);--surface-5: hsl(from var(--main-purple) h 10% 35%);--blur-surface-1: hsl(from var(--surface-1) h s l / 50%);--text-color: var(--color-contrast-high);--text-color-placeholder: hsl(from var(--text-color) h s l / 80%);--text-primary-color: var(--main-purple);--text-secondary-color: var(--royal-purple);--success-color: var(--turquoise);--valid-color: var(--green-sea);--error-color: var(--reddish-orange);--warning-color: var(--golden-yellow);--info-color: var(--royal-purple);--font-family: "Roboto", sans-serif;--font-family-display: "Space Grotesk", "Roboto", sans-serif;--font-size-lg: 2.5rem;--font-size-md: 1.25rem;--font-size-sm: 1rem;--font-size-xs: .783rem;--section-width: 60%;--section-pad-x: 5rem;--reveal-duration: .6s}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--royal-purple);outline-offset:2px;border-radius:.25rem}.reveal{opacity:0;transform:translateY(1.5rem);transition:opacity var(--reveal-duration) ease,transform var(--reveal-duration) ease}.reveal.is-visible{opacity:1;transform:none}body{margin:0;position:relative;overflow:-moz-hidden-unscrollable;height:-webkit-fill-available}body.lightbox-open .main-container{overflow:hidden}::-webkit-scrollbar{border-radius:1rem;width:5px}::-webkit-scrollbar-track{border-radius:1rem;background:var(--surface-0);margin-top:3rem;margin-bottom:3rem}::-webkit-scrollbar-thumb{border-radius:1rem;background:var(--surface-3)}::-webkit-scrollbar-thumb:hover{border-radius:1rem;background:var(--surface-4)}