@font-face{font-family:space-grotesk;src:url(/fonts/body/SpaceGrotesk.woff2) format("woff2"),url(/fonts/body/SpaceGrotesk.woff) format("woff"),url(/fonts/body/SpaceGrotesk.ttf) format("truetype"),local("Space Grotesk");font-display:swap;font-style:normal;font-weight:300 700}@font-face{font-family:rajdhani;src:url(/fonts/display/Rajdhani-Light.woff2) format("woff2"),url(/fonts/display/Rajdhani-Light.woff) format("woff"),url(/fonts/display/Rajdhani-Light.ttf) format("truetype"),local("Rajdhani");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:rajdhani;src:url(/fonts/display/Rajdhani-Regular.woff2) format("woff2"),url(/fonts/display/Rajdhani-Regular.woff) format("woff"),url(/fonts/display/Rajdhani-Regular.ttf) format("truetype"),local("Rajdhani");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:rajdhani;src:url(/fonts/display/Rajdhani-Medium.woff2) format("woff2"),url(/fonts/display/Rajdhani-Medium.woff) format("woff"),url(/fonts/display/Rajdhani-Medium.ttf) format("truetype"),local("Rajdhani");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:rajdhani;src:url(/fonts/display/Rajdhani-SemiBold.woff2) format("woff2"),url(/fonts/display/Rajdhani-SemiBold.woff) format("woff"),url(/fonts/display/Rajdhani-SemiBold.ttf) format("truetype"),local("Rajdhani");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:rajdhani;src:url(/fonts/display/Rajdhani-Bold.woff2) format("woff2"),url(/fonts/display/Rajdhani-Bold.woff) format("woff"),url(/fonts/display/Rajdhani-Bold.ttf) format("truetype"),local("Rajdhani");font-display:swap;font-style:normal;font-weight:700}*{line-height:calc(4px + 2ex);box-sizing:border-box}html{--font-body: space-grotesk, system-ui, sans-serif;--font-display: rajdhani, var(--font-body);--bg-hs: 215, 72.5%;--fg-hs: 300, 97.5%;--bg2-hs: 215, 15%;--fg2-hs: 240, 4%;--accent-hs: 310, 90%;--accent2-hs: 200, 80%;--bg-raw: var(--bg-hs), 1%;--fg-raw: var(--fg-hs), 97.5%;--bg2-raw: var(--bg2-hs), 5%;--fg2-raw: var(--fg2-hs), 60%;--accent-raw: var(--accent-hs), 85%;--accent2-raw: var(--accent2-hs), 80%;--bg: hsl(var(--bg-raw));--fg: hsl(var(--fg-raw));--bg2: hsl(var(--bg2-raw));--fg2: hsl(var(--fg2-raw));--accent: hsl(var(--accent-raw));--accent2: hsl(var(--accent2-raw));font-family:var(--font-body);line-height:1.5;font-weight:500;color-scheme:light dark;color:var(--fg);background-color:var(--bg);accent-color:var(--accent);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article{z-index:3;position:relative;padding:1.25rem}::selection{background:hsla(var(--accent2-raw),.3)}h1,h2,h3{font-family:var(--font-display);font-weight:700}h1{font-size:2.5rem;margin-block-start:.75em;margin-block-end:.5em}h2{font-size:1.8rem;margin-block-start:.75em;margin-block-end:.25em}h3{font-size:1.3rem;margin-block-start:.5em;margin-block-end:.25em}p{margin-block:.25em}a{color:var(--accent2);transition:color .3s ease}a:visited{color:var(--accent)}.card{--highlight: var(--accent-raw);background-color:hsla(var(--bg2-raw),.2);-webkit-backdrop-filter:blur(4px) saturate(1.2) brightness(.9);backdrop-filter:blur(4px) saturate(1.2) brightness(.9);box-shadow:inset 0 0 .05rem .075rem hsla(var(--fg2-raw),.125),0 0 .5rem #0000001a;padding:1rem;corner-shape:superellipse(1.25);border-radius:1.25rem}.card:nth-of-type(2n){--highlight: var(--accent2-raw)}.card:focus-visible{outline:none;accent-color:hsl(var(--highlight));outline-color:hsl(var(--highlight))}.card.interactable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card.interactable:focus-visible,.card.interactable:hover{transform:translateY(-.2rem);box-shadow:inset 0 0 .2rem .08rem hsla(var(--highlight),.9),0 0 .75rem #00000026}.card.flat{box-shadow:inset 0 0 .05rem .06rem hsla(var(--fg2-raw),.04)}.card.flat.interactable:hover{box-shadow:inset 0 0 .2rem .065rem hsla(var(--highlight),.5),0 0 .35rem #0000001f}.card.emphasis{box-shadow:inset 0 0 .06rem .09rem hsla(var(--fg2-raw),.07),0 0 .9rem #0003}.card.emphasis.interactable:hover{box-shadow:inset 0 0 .25rem .095rem hsla(var(--highlight),1),0 0 1.1rem #00000047}
