@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://unpkg.com/normalize.css";@layer normalize,base,components;@layer base{:root{--font-size-min: 14;--font-size-max: 20;--font-ratio-min: 1.1;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500;--color-primary: hsl(260, 80%, 50%);--color-secondary: hsl(320, 80%, 60%);--color-background: light-dark(white, hsl(260, 15%, 10%));--color-text: light-dark( hsl(260, 15%, 10%), hsl(260, 10%, 95%) );--text-primary: var(--color-text);--background-primary: var(--color-background);--background-secondary: light-dark(hsl(260, 10%, 95%), hsl(260, 20%, 15%));--border-radius: .5rem}*,*:after,*:before{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}body{margin:0;padding:0;font-family:Geist,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;background:light-dark(white,black);color:light-dark(#1a172b,#f2f1f7);line-height:1.5;overflow-x:hidden}.fluid{--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer base;@layer base{.app{max-width:100%;min-height:100vh;position:relative}.component-section{width:100vw;min-height:100vh;position:relative;z-index:0}.component-section section{z-index:10}.app:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 75%);content:"";height:130vh;width:130%;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size);-webkit-mask:radial-gradient(ellipse at top left,white 0%,transparent 70%);mask:radial-gradient(ellipse at top left,white 0%,transparent 70%);top:0;left:0;transform-style:flat;pointer-events:none;z-index:-1;opacity:1}#portal{min-height:-moz-fit-content;min-height:fit-content}}
