*,:before,:after{font:inherit;box-sizing:border-box;color:inherit;outline-offset:0;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0;text-decoration:none}img{max-width:100%}@font-face{font-family:D-DIN;src:url(/assets/fonts/D-DIN/D-DIN.otf);font-style:normal;font-weight:400}@font-face{font-family:D-DIN;src:url(/assets/fonts/D-DIN/D-DIN-Bold.otf);font-style:normal;font-weight:700}@font-face{font-family:D-DIN;src:url(/assets/fonts/D-DIN/D-DIN-Italic.otf);font-style:italic}@font-face{font-family:D-DIN Expanded;src:url(/assets/fonts/D-DIN/D-DIN-Expanded.otf);font-style:normal;font-weight:400}@font-face{font-family:D-DIN Expanded;src:url(/assets/fonts/D-DIN/D-DIN-Expanded-Bold.otf);font-style:normal;font-weight:700}@font-face{font-family:D-DIN Expanded;src:url(/assets/fonts/D-DIN/D-DIN-Expanded-Italic.otf);font-style:italic}@property --glow-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --glow-opacity{syntax:"<number>";inherits:false;initial-value:1}@property --glow-radius{syntax:"<length>";inherits:false;initial-value:0}@property --pointer-x{syntax:"<length>";inherits:true;initial-value:-10000px}@property --pointer-y{syntax:"<length>";inherits:true;initial-value:-10000px}:root{--glow-color:#90a0ff;--page-bg-color:#e7e7e9;--section-bg-color:#eeeeef;--header-bg-color:#efefef;--section-shadow:0 .25rem .5rem #0000000d;--border-color:#ccc;--primary-text-color:#222;--secondary-text-color:#667}:root[data-theme=dark]{--glow-color:#afb7df;--page-bg-color:#222;--section-bg-color:#272727;--header-bg-color:#2f2f2f;--section-shadow:0 .25rem .5rem #0003;--border-color:#444;--primary-text-color:#fff;--secondary-text-color:#b4b4b4}:root[data-theme=dark] [data-theme-scope=light],:root[data-theme=light] [data-theme-scope=dark]{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--expanded-font-family)}h1:hover .heading-anchor:not(:hover),h2:hover .heading-anchor:not(:hover),h3:hover .heading-anchor:not(:hover),h4:hover .heading-anchor:not(:hover),h5:hover .heading-anchor:not(:hover),h6:hover .heading-anchor:not(:hover){opacity:.5}h1{text-shadow:0 .02em .2em rgb(from var(--glow-color) r g b/.3)}h2{font-size:2rem;font-weight:700}.heading-anchor{color:var(--accent-color);opacity:0;transition:opacity .1s}.heading-anchor svg{width:1.5rem;height:1.5rem}.heading-anchor:hover,.heading-anchor:focus-visible{opacity:1;text-decoration:none}.heading-anchor:before{content:" "}ul{margin-left:1.5rem}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}@media (pointer:fine) and (prefers-reduced-motion:no-preference){hr,p,small,[data-glowing],[data-glowing]:before{--glow-radius:10rem;background-image:radial-gradient(circle closest-side at var(--pointer-x) var(--pointer-y), rgb(from var(--glow-color) r g b/var(--glow-opacity)), transparent var(--glow-radius));background-repeat:no-repeat;background-attachment:fixed;transition:--glow-opacity .1s}[data-theme=dark] hr,[data-theme=dark] [data-glowing],[data-theme=dark] [data-glowing]:before{background-blend-mode:hard-light}:root:not(:hover) hr,:root:not(:hover) p,:root:not(:hover) small,:root:not(:hover) [data-glowing],:root:not(:hover) [data-glowing]:before{--glow-opacity:0}}hr,[data-glowing]{background-color:var(--border-color)}[data-glowing]{border:var(--border-width) solid transparent;border-radius:var(--border-radius);isolation:isolate;position:relative}[data-glowing]:before{content:"";z-index:-1;border-radius:calc(var(--border-radius) - var(--border-width));background-color:var(--bg-color);--glow-opacity:0;position:absolute;inset:0}[data-glowing]:hover:before{--glow-opacity:.05}p,small{background-color:var(--secondary-text-color);color:#0000;-webkit-background-clip:text;background-clip:text}.button{text-align:center;font-family:var(--expanded-font-family);border-radius:var(--border-radius);cursor:pointer;--highlight-color:#ffffff80;--shadow-color:#0000000d;padding:.75rem 1rem;display:block}.button:focus-visible{outline:var(--outline)}.button:before{box-shadow:inset 0 2px 0 var(--highlight-color), inset 0 -4px 0 var(--shadow-color)}@media (width<700px){.button{padding:.5rem .75rem}}:root[data-theme=dark] .button{--highlight-color:#ffffff08;--shadow-color:#00000026}.header{border-radius:var(--border-radius);z-index:1000;--bg-color:var(--header-bg-color);box-shadow:var(--section-shadow), 0 -2rem 0 1rem var(--page-bg-color);-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr auto;grid-template-areas:"logo links theme-toggle";align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:grid;position:sticky;top:1rem}.header__logo{font-family:var(--expanded-font-family);grid-area:logo;display:block}.header__logo:focus-visible .name-swap{box-shadow:0 2px 0 var(--secondary-text-color)}.header__links{grid-area:links;justify-content:end;gap:1rem;display:flex}@media (width<600px){.header__links{display:none}}.header__links a{color:var(--secondary-text-color);line-height:1;transition:color .1s}.header__links a:hover,.header__links a.active{color:var(--primary-text-color)}.header__links a.active{pointer-events:none;font-weight:700}:root[data-theme=dark] .header{box-shadow:var(--section-shadow), 0 1rem 1rem var(--page-bg-color), 0 -2rem 0 1rem var(--page-bg-color)}.name-swap{white-space:pre;width:max-content;font-size:1.2rem}.name-swap__omit{position:relative}.name-swap__omit:after{content:"";vertical-align:top;color:#0000;width:0;height:1lh;display:inline-block;box-shadow:0 0 0 1px}.name-swap>span{display:inline-block}.header__logo:hover>.name-swap,.header__logo:focus>.name-swap{will-change:contents;animation:.5s 3s forwards name-swap-flip}.header__logo:hover>.name-swap>.name-swap__omit:after,.header__logo:focus>.name-swap>.name-swap__omit:after{animation:1s steps(2,jump-none) 3 name-swap-caret-blink}.header__logo:hover>.name-swap>span,.header__logo:focus>.name-swap>span{animation:.2s 3s forwards name-swap-flip-letter}.header__logo:hover>.name-swap>.name-swap__omit>span,.header__logo:focus>.name-swap>.name-swap__omit>span{animation:.5s steps(2,jump-none) forwards name-swap-hide-letter;display:inline-block;overflow:clip}.header__logo:hover>.name-swap>.name-swap__omit>span:nth-child(6),.header__logo:focus>.name-swap>.name-swap__omit>span:nth-child(6){animation-delay:1s}.header__logo:hover>.name-swap>.name-swap__omit>span:first-child,.header__logo:focus>.name-swap>.name-swap__omit>span:first-child{animation-delay:1.725s}.header__logo:hover>.name-swap>.name-swap__omit>span:nth-child(2),.header__logo:focus>.name-swap>.name-swap__omit>span:nth-child(2){animation-delay:1.7s}.header__logo:hover>.name-swap>.name-swap__omit>span:nth-child(3),.header__logo:focus>.name-swap>.name-swap__omit>span:nth-child(3){animation-delay:1.675s}.header__logo:hover>.name-swap>.name-swap__omit>span:nth-child(4),.header__logo:focus>.name-swap>.name-swap__omit>span:nth-child(4){animation-delay:1.65s}.header__logo:hover>.name-swap>.name-swap__omit>span:nth-child(5),.header__logo:focus>.name-swap>.name-swap__omit>span:nth-child(5){animation-delay:1.625s}@keyframes name-swap-caret-blink{0%{color:var(--accent-color)}to{color:#0000}}@keyframes name-swap-hide-letter{0%{width:max-content}to{width:0}}@keyframes name-swap-flip-letter{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes name-swap-flip{0%{text-transform:none;color:inherit;transform:rotateY(0)}40%{text-transform:lowercase;color:inherit;transform:rotateY(180deg)}60%{text-transform:lowercase;color:var(--accent-color);transform:rotateY(180deg)}to{text-transform:lowercase;color:inherit;transform:rotateY(180deg)}}.theme-toggle{cursor:pointer;color:var(--secondary-text-color);border-radius:50%;grid-area:theme-toggle;padding:.2em;transition:color .1s,background-color .1s}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--primary-text-color);background-color:rgb(from var(--glow-color) r g b/.1)}.theme-toggle:focus-visible{outline:var(--outline)}.theme-toggle svg{display:block}.section{--bg-color:var(--section-bg-color);--padding:1.5rem;padding:var(--padding);margin-block:2rem}.section__buttons{gap:.5rem;display:flex}@media (width<600px){.section__buttons{float:inline-end;flex-direction:column;margin-block:.25rem 1rem;margin-inline-start:1rem}}@media (width>=600px){.section__buttons{top:var(--padding);right:var(--padding);position:absolute}}.section .button{padding:.5rem}.section .button svg{vertical-align:top}.hero{margin-block:3rem}.hero h1{margin:0;font-size:5rem;font-weight:700}@media (width<700px){.hero h1{font-size:3rem}}.hero small{font-size:2rem;line-height:0}@media (width<700px){.hero small{font-size:1.2rem}}.hero__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-block:2rem;display:flex}.hero .button{color:#fff;--border-color:var(--accent-color);--bg-color:#3e4fb4;--glow-color:#fff;--glow-opacity:.6;--highlight-color:#ffffff0d;--shadow-color:#0000001a}@media (width<600px){.hero{margin:0}}.link-grid{margin-top:1.5rem;font-family:var(--expanded-font-family);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-inline:.5rem;display:grid}.link-grid>a{--icon-size:32px;grid-template-columns:var(--icon-size) 1fr;height:var(--icon-size);align-items:center;gap:1rem;display:grid}.link-grid>a img{width:var(--icon-size);height:var(--icon-size);object-fit:contain}:root{--regular-font-family:"D-DIN", system-ui, sans-serif;--expanded-font-family:"D-DIN Expanded", system-ui, sans-serif;--accent-color:#677eff;--border-radius:.5rem;--border-width:1px;--outline:2px solid;color:var(--primary-text-color);font-family:var(--regular-font-family);scrollbar-color:var(--border-color) transparent;scrollbar-gutter:stable both-edges;scroll-behavior:smooth;scroll-padding-top:7rem;font-size:1.2rem;line-height:1.4}body{background-color:var(--page-bg-color);max-width:1000px;margin-inline:auto;padding:1rem}a:hover,a:focus-visible{text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.1em}a::selection{text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.1em}em{font-style:italic}hr{height:var(--border-width);margin-block:.5rem}p{--glow-color:var(--primary-text-color);--glow-radius:20rem;margin-block:1em}p a{color:var(--accent-color)}strong{font-weight:700}main header{width:fit-content;max-width:100%;margin-block:2rem;margin-inline:auto}main header h1{font-size:3rem;font-weight:700}@media (width<500px){main header h1{font-size:2rem}}main header hr{margin-inline:max(-2vw,-2rem)}main{max-width:800px;margin-inline:auto}::selection{color:var(--primary-text-color);background-color:rgb(from var(--accent-color) r g b/.5)}footer{text-align:center}