*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}:root{font-family:Fira Code,monospace;font-optical-sizing:auto;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@layer tokens{:root[data-theme=light-cyan]{--background-color: #fff;--section-color: rgba(255, 255, 255, .05);--schirm-color: rgba(255, 255, 255, .05);--point-color: #002b3c;--text-color: #222;--box-shadow-inset-color: rgba(255, 255, 255, .3);--box-shadow-color: rgba(0, 0, 0, .05)}:root[data-theme=dark-cyan]{--background-color: #000;--section-color: rgba(0, 0, 0, .05);--schirm-color: rgba(0, 0, 0, .05);--point-color: #dcf1f9;--text-color: #f0f0f0;--box-shadow-inset-color: rgba(128, 128, 128, .3);--box-shadow-color: rgba(255, 255, 255, .05)}:root[data-theme=light-orange]{--background-color: #fff;--section-color: rgba(255, 255, 255, .05);--schirm-color: rgba(255, 255, 255, .05);--point-color: #682f00;--text-color: #222;--box-shadow-inset-color: rgba(255, 255, 255, .3);--box-shadow-color: rgba(0, 0, 0, .05)}:root[data-theme=dark-orange]{--background-color: #000;--section-color: rgba(0, 0, 0, .05);--schirm-color: rgba(0, 0, 0, .05);--point-color: #ffae00;--text-color: #f0f0f0;--box-shadow-inset-color: rgba(128, 128, 128, .3);--box-shadow-color: rgba(255, 255, 255, .05)}:root[data-theme=light-green]{--background-color: #fff;--section-color: rgba(255, 255, 255, .05);--schirm-color: rgba(255, 255, 255, .05);--point-color: #0e502b;--text-color: #222;--box-shadow-inset-color: rgba(255, 255, 255, .3);--box-shadow-color: rgba(0, 0, 0, .05)}:root[data-theme=dark-green]{--background-color: #000;--section-color: rgba(0, 0, 0, .05);--schirm-color: rgba(0, 0, 0, .05);--point-color: #40ff9c;--text-color: #f0f0f0;--box-shadow-inset-color: rgba(128, 128, 128, .3);--box-shadow-color: rgba(255, 255, 255, .05)}:root[data-theme=light-violet]{--background-color: #fff;--section-color: rgba(255, 255, 255, .05);--schirm-color: rgba(255, 255, 255, .05);--point-color: #380081;--text-color: #222;--box-shadow-inset-color: rgba(255, 255, 255, .3);--box-shadow-color: rgba(0, 0, 0, .05)}:root[data-theme=dark-violet]{--background-color: #000;--section-color: rgba(0, 0, 0, .05);--schirm-color: rgba(0, 0, 0, .05);--point-color: #b985ff;--text-color: #f0f0f0;--box-shadow-inset-color: rgba(128, 128, 128, .3);--box-shadow-color: rgba(255, 255, 255, .05)}}.section{display:flex;flex-direction:column;gap:8px;width:100%;max-width:1024px;background:var(--section-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;color:var(--text-color);box-shadow:inset 2px 2px 1px 0 var(--box-shadow-inset-color),inset -2px -2px 2px 1px var(--box-shadow-inset-color),0 4px 8px 0 var(--box-shadow-color);padding:12px 20px}.section__heading{margin-left:-2px}.section__content{line-height:24px;font-size:16px}@media screen and (max-width: 1024px){.section{max-width:768px}}.heading{color:var(--text-color)}h1.heading{line-height:32px;font-size:32px}h2.heading{line-height:24px;font-size:24px}h3.heading{line-height:20px;font-size:20px}h4.heading{line-height:16px;font-size:16px}h5.heading{line-height:14px;font-size:14px}h6.heading{line-height:12px;font-size:12px}.link{color:var(--point-color)}body{background:var(--background-color)}.main-container{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw}.main{margin-top:108px;display:flex;flex-direction:column;gap:24px}.main__section{display:flex;flex-direction:column;gap:12px}@media screen and (max-width: 768px){.main{margin-top:0;padding:12px}}.flow-background{position:fixed;top:0;left:0;pointer-events:none;z-index:-1}
