/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("font-468d56b6b25b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("font-468d56b6b25b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("font-468d56b6b25b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Lilita One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("font-8d6cd0f29873.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html,body{margin:0;background:#0E0C3A}
*{box-sizing:border-box;font-synthesis:none}
a{color:#4FC8E8}a:hover{text-decoration-thickness:2px;text-underline-offset:4px}
summary{cursor:pointer}
.cosmos{position:relative;overflow:hidden;background-color:#14124F;background-image:radial-gradient(1.5px 1.5px at 25px 35px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90px 120px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 160px 60px,#C5C8F7 50%,transparent 51%),radial-gradient(2px 2px at 210px 190px,#FFD23F 50%,transparent 51%),radial-gradient(1px 1px at 60px 210px,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 130px 250px,#4FC8E8 50%,transparent 51%),radial-gradient(1px 1px at 280px 20px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 300px 150px,#fff 50%,transparent 51%);background-size:320px 280px}
.twinkle{animation:tw 3s ease-in-out infinite alternate}
.float{animation:drift 6s ease-in-out infinite}
.marquee{display:flex;width:max-content;animation:marquee 30s linear infinite}
.orbit{animation:spin 80s linear infinite}
@keyframes tw{from{opacity:.3}to{opacity:1}}
@keyframes drift{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-20px) rotate(-6deg)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.float,.marquee,.orbit,.twinkle{animation:none}}