html {
  min-height: 100%;
  color-scheme: dark !important;
}

body {
  min-height: 100%;
  margin: 0;
  font-family: "Poppins";
  font-weight: 400; 
   
}
.clip-45-01-10
{
  clip-path: polygon(0 0, 0 100%, calc(100% - var(--h)) 100%, 100% 0);
}
.clip-45-00-11
{
  clip-path: polygon(0 0, 100% 0%, 100% 100%, calc(0% + var(--h)) 100%);
}

.clip-45-00-10-double
{
  clip-path: polygon(0 0, 100% 0%, calc(100% - var(--h)) 100%, calc(0% + var(--h)) 100%);
}

.clip-45-01-11-double
{
  clip-path: polygon(0 0, 100% 0%, calc(100% - var(--h)) 100%, calc(0% + var(--h)) 100%);
}
.offer
{
  position: absolute; 
  left: 0;
  top: 0; 
  width: 12rem; 
  height: 12rem; 
  background:#3998ec; 
  clip-path: polygon(50% 0, 100% 0, 0 100%, 0% 50%);
}
.offer p
{
  position:absolute;
  left: -1rem;
  top: 2.5rem;
  font-weight: 700;
  font-style:italic;
  transform: rotateZ(-45deg);
  font-size: 1.25rem;
}
.background
{
  background: linear-gradient(180deg, #2f3239 0%, #0e141b 100%);
}

.background-image
{

  background-size: cover;
  background: url("./statics/noise.svg");
  opacity: 0.1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}


.container {
  width: auto;
  height: 100vh;
  display: grid;
  justify-content: center;
  overflow: auto;
}

.inner {
  display: flex;
  vertical-align: middle;
  align-self: center; 
}

.section
{
  width: 100%;
  height: 100vh;
  display: block;
}
option
{
  color: #182030;
} 
input,
select,
textarea {
  transition: 150ms 0ms linear;
  margin: 0.5rem;
  padding: 0.25rem;
  font-family: inherit;
  font-size: 1rem;

  color: #ffffff;

  box-sizing: border-box;
  background: linear-gradient(90deg, #28374f40 0%, #18203040 100%);
  border: 1px solid #538bbc;
  text-overflow: ellipsis;
  overflow: hidden;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background: linear-gradient(90deg, #32373f40 0%, #25282e40 100%);
  border: 1px solid #828282;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: currentColor;
}
input:read-write:hover,
input:read-write:focus,
input:read-write:active,
select:read-write:hover,
select:read-write:focus,
select:read-write:active,
textarea:read-write:hover,
textarea:read-write:focus,
textarea:read-write:active
{
  box-shadow: 0px 2px 6px #3998ec;
}

.field {
  margin: 0.5rem;
}

div .button {
  width: min-content;
  margin: 0.5rem;
  text-align: center;
}

div .button a.prescript,
div .button a.postscript,
div .button p.prescript,
div .button p.postscript {
  padding: 0;
  margin: 0.25rem;
  color: #ffffff7f;
  font-size: 0.75rem;
}
div .button button {
  margin: 0;
}

button {
  padding: 0;
  margin: 0.5rem;
  width: fit-content;
  font-weight: bold;
  font-size: 1rem;
  font-family: inherit;
  border: currentColor;

  transition: linear;
  transition-duration: 150ms;
  transition-delay: 0ms;
}

button p {
  margin: 0.5rem;
  color: #ffffff;
  padding: 0.25rem 4rem;
  white-space: pre;
}

button.primary {
  background: linear-gradient(270deg, #2562d1 0%, #3a9bed 100%);
}

button.primary:hover {
  cursor: pointer;
  background: linear-gradient(270deg, #2562d1 0%, #3a9bed 100%);
  box-shadow: 0px 2px 6px #3998ec;
}

button.secondary {
  background: #da774d;
}

button.secondary:hover {
  cursor: pointer;
  background: #da774d;
  box-shadow: 0px 2px 6px #da774d;
}

img.bg-texture {
  opacity: 0.1;
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
}

.bg-color {
  z-index: -1;
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(180deg, #2f3239 0%, #0e141b 100%);
  overflow: hidden;
  background-attachment: fixed;
}

.logo {
  display: flex;
  margin: 2rem;
  justify-content: center;
  text-shadow: 0 0.25rem 1rem #0e141b3F;
}

.logo p {
  font-size: 6rem;
  font-weight: 700;
  font-style: italic;
  color: #ffffff;
  margin: 0;
}

.logo p.colored {
  color: #3999ec;
}

.field {
  margin: 0.5rem;
}

.field p {
  color: #ffffff;
  margin: 0;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
}

.field p.postscript {
  color: #ffffff7f;
  padding-top: 0.25rem;
}

.field p.error {
  color: #f16969;
  margin: 0;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
}

.field input {
  margin: 0;
}
a {
  color: #ffffff7f;
  font-size: 0.75rem;
  margin: 0.5rem;
}

p.note a,
p.note {
  color: #ffffff7f;
  font-size: 0.75rem;
  margin: 0.5rem;
}
p.note a,
p.note b {
  color: #ffffffc0;
}
p.normal a,
p.normal {
  color: #ffffff7f;
  font-size: 1rem;
  margin: 0.5rem;
}
p.normal a,
p.normal b {
  color: #ffffffc0;
}
p.error
{
  color: #f16969;
}
.process {
  display: flex;
}

.process p {
  color: #ffffff7f;
  font-size: 0.75rem;
  margin: 0rem auto;
  min-width: 5rem;
  align-self: center;
  text-align: center;
}

.process p.active {
  color: #ffffff;
}

.process p.done {
  color: #3999ec;
}

.process div.stage {
  width: 2rem;
  height: 2rem;
}

.process div.stage div.circle {
  width: 2rem;
  height: 2rem;

  mask-image: url("data:image/svg+xml;utf8, <svg viewBox='0 0 120 120' version='1.1' xmlns='http://www.w3.org/2000/svg'> <circle cx='60' cy='60' r='50' fill='black'/> </svg>");
  mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;utf8, <svg viewBox='0 0 120 120' version='1.1' xmlns='http://www.w3.org/2000/svg'> <circle cx='60' cy='60' r='50' fill='black'/> </svg>");
  -webkit-mask-size: cover;
  background-color: #3998ec7f;
}

.process div.stage.active {
  filter: drop-shadow(0px 0px 2px #3998ec);
}

.process div.stage.active div.circle {
  background-color: #3998ec;
}

.process div.stage.done {
  filter: drop-shadow(0px 0px 2px #3998ec);
}

.process div.stage.done div.circle {
  background-color: #3998ec;
}

#error {
  height: 100%;
  width: 100%;
  background-color: rgba(0.2, 0.2, 0.2, 0.75);
  backdrop-filter: blur(0.25rem);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#error-text {
  font-size: 1rem;
  color: #f16969;
}
#error .emoticon {
  font-size: 2rem;
  margin: 0;
}
#progress {
  height: 100%;
  width: 100%;
  background-color: rgba(0.2, 0.2, 0.2, 0.5);
  backdrop-filter: blur(0.25rem);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#progress #progress-animation {
  width: 2rem;
  height: 2rem;
  border: 4px white solid;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
  animation-timing-function: ease;
  rotate: 45deg;
  box-sizing: border-box;
}
@keyframes spin {
  100% {
    transform: rotate(90deg);
  }
}
#progress #progress-text {
  font-size: 1rem;
  color: white;
}

.hidden {
  display: currentColor;
}

.navbar
{
  max-width: 480px;
  display: flex;
  flex-direction: column;
}
.row
{
  display: flex;
  flex-direction: row;
  margin: 0;
}
.column 
{
  display: flex;
  flex-direction: column;
}
a.icon
{
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  background-color: #ffffff7f;
  margin: 0;
}
a.icon.small
{
  height: 1.5rem;
  width: 1.5rem;
}
a.icon.active
{
  background-color: #ffffffff;

}
a.icon:hover
{
  background-color: #ffffffc0;

}
a.icon.button
{
  cursor: pointer;
} 
a.icon.white 
{
  background-color: #ffffffff;
}
.pages
{
  display: flex;
  flex-direction: row;
}
.fill-line
{
  box-sizing: border-box;
  background: #ffffff7f;
  height: 1px;
  width: auto;
}

.i-key
{
  --svg: url("data:image/svg+xml;utf8, <svg width='100%' style='' viewBox='0 0 36 36' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M22.5 1.6875C20.6648 1.68856 18.8551 2.11694 17.2142 2.9387C15.5733 3.76046 14.1463 4.95302 13.0463 6.42192C11.9462 7.89082 11.2033 9.5957 10.8764 11.4015C10.5495 13.2073 10.6475 15.0644 11.1628 16.8258L3.30609 24.6811C3.14944 24.8379 3.02521 25.0241 2.94052 25.2289C2.85583 25.4338 2.81233 25.6533 2.8125 25.875V31.5C2.8125 31.9476 2.99029 32.3768 3.30676 32.6932C3.62323 33.0097 4.05245 33.1875 4.5 33.1875H10.125C10.5726 33.1875 11.0018 33.0097 11.3182 32.6932C11.6347 32.3768 11.8125 31.9476 11.8125 31.5V29.8125H13.5C13.9476 29.8125 14.3768 29.6347 14.6932 29.3182C15.0097 29.0018 15.1875 28.5726 15.1875 28.125V26.4375H16.875C17.0967 26.4377 17.3162 26.3942 17.5211 26.3095C17.7259 26.2248 17.9121 26.1006 18.0689 25.9439L19.1742 24.8372C20.7986 25.3125 22.5061 25.4331 24.1811 25.191C25.8562 24.9489 27.4597 24.3497 28.883 23.4339C30.3063 22.5181 31.5162 21.3072 32.4307 19.8831C33.3453 18.459 33.9431 16.855 34.1838 15.1798C34.4245 13.5045 34.3023 11.7971 33.8257 10.1732C33.349 8.54921 32.529 7.04665 31.421 5.76723C30.3131 4.48781 28.9432 3.46141 27.404 2.75753C25.8649 2.05366 24.1925 1.68874 22.5 1.6875ZM22.5 21.9375C21.436 21.9398 20.3812 21.7393 19.3922 21.3469C19.082 21.2139 18.739 21.177 18.4076 21.2409C18.0762 21.3048 17.7716 21.4666 17.5331 21.7055L16.1719 23.0625H13.5C13.0524 23.0625 12.6232 23.2403 12.3068 23.5568C11.9903 23.8732 11.8125 24.3024 11.8125 24.75V26.4375H10.125C9.67745 26.4375 9.24823 26.6153 8.93176 26.9318C8.61529 27.2482 8.4375 27.6774 8.4375 28.125V29.8125H6.1875V26.5781L14.2945 18.4711C14.5331 18.2327 14.6947 17.9284 14.7586 17.5972C14.8226 17.2661 14.7858 16.9235 14.6531 16.6134C13.9872 14.9362 13.8766 13.0896 14.3376 11.3449C14.7985 9.60011 15.8067 8.04911 17.2141 6.9196C18.6215 5.79009 20.354 5.14157 22.1572 5.06927C23.9603 4.99698 25.7392 5.50471 27.2325 6.51793C28.7258 7.53114 29.8549 8.99644 30.4541 10.6987C31.0532 12.4009 31.0908 14.2504 30.5613 15.9756C30.0319 17.7008 28.9632 19.2108 27.5123 20.2838C26.0613 21.3569 24.3046 21.9365 22.5 21.9375ZM27.5625 10.6875C27.5625 11.1325 27.4305 11.5675 27.1833 11.9375C26.9361 12.3075 26.5847 12.5959 26.1735 12.7662C25.7624 12.9365 25.31 12.9811 24.8735 12.8943C24.4371 12.8075 24.0362 12.5932 23.7215 12.2785C23.4068 11.9638 23.1925 11.5629 23.1057 11.1265C23.0189 10.69 23.0635 10.2376 23.2338 9.82646C23.4041 9.41533 23.6925 9.06393 24.0625 8.81669C24.4325 8.56946 24.8675 8.4375 25.3125 8.4375C25.9092 8.4375 26.4815 8.67455 26.9035 9.09651C27.3254 9.51847 27.5625 10.0908 27.5625 10.6875Z' fill='currentColor'/></svg>");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
}

.i-order
{
  --svg: url("data:image/svg+xml;utf8, <svg width='100%' style='' viewBox='0 0 36 36' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6 4.5C6 4.10218 6.15804 3.72064 6.43934 3.43934C6.72064 3.15804 7.10218 3 7.5 3H28.5C28.8978 3 29.2794 3.15804 29.5607 3.43934C29.842 3.72064 30 4.10218 30 4.5V31.5C30 31.7867 29.9178 32.0675 29.7632 32.309C29.6086 32.5505 29.388 32.7426 29.1275 32.8625C28.8671 32.9825 28.5777 33.0253 28.2937 32.9858C28.0097 32.9464 27.7429 32.8264 27.525 32.64L25.9755 31.3125C25.7037 31.0797 25.3576 30.9518 24.9998 30.9518C24.6419 30.9518 24.2958 31.0797 24.024 31.3125L22.476 32.6385C22.2041 32.8717 21.8577 32.9999 21.4995 32.9999C21.1413 32.9999 20.7949 32.8717 20.523 32.6385L18.9765 31.3125C18.7046 31.0793 18.3582 30.9511 18 30.9511C17.6418 30.9511 17.2954 31.0793 17.0235 31.3125L15.477 32.6385C15.2051 32.8717 14.8587 32.9999 14.5005 32.9999C14.1423 32.9999 13.7959 32.8717 13.524 32.6385L11.976 31.3125C11.7042 31.0797 11.3581 30.9518 11.0002 30.9518C10.6424 30.9518 10.2963 31.0797 10.0245 31.3125L8.4765 32.6385C8.25872 32.8253 7.99195 32.9457 7.70782 32.9854C7.42369 33.0252 7.13413 32.9826 6.87346 32.8628C6.61279 32.7429 6.39195 32.5509 6.23713 32.3093C6.08232 32.0678 6.00002 31.7869 6 31.5V4.5ZM13.5 9C13.1022 9 12.7206 9.15804 12.4393 9.43934C12.158 9.72064 12 10.1022 12 10.5C12 10.8978 12.158 11.2794 12.4393 11.5607C12.7206 11.842 13.1022 12 13.5 12H22.5C22.8978 12 23.2794 11.842 23.5607 11.5607C23.842 11.2794 24 10.8978 24 10.5C24 10.1022 23.842 9.72064 23.5607 9.43934C23.2794 9.15804 22.8978 9 22.5 9H13.5ZM13.5 15C13.1022 15 12.7206 15.158 12.4393 15.4393C12.158 15.7206 12 16.1022 12 16.5C12 16.8978 12.158 17.2794 12.4393 17.5607C12.7206 17.842 13.1022 18 13.5 18H22.5C22.8978 18 23.2794 17.842 23.5607 17.5607C23.842 17.2794 24 16.8978 24 16.5C24 16.1022 23.842 15.7206 23.5607 15.4393C23.2794 15.158 22.8978 15 22.5 15H13.5ZM15 22.5C15 22.1022 15.158 21.7206 15.4393 21.4393C15.7206 21.158 16.1022 21 16.5 21H22.5C22.8978 21 23.2794 21.158 23.5607 21.4393C23.842 21.7206 24 22.1022 24 22.5C24 22.8978 23.842 23.2794 23.5607 23.5607C23.2794 23.842 22.8978 24 22.5 24H16.5C16.1022 24 15.7206 23.842 15.4393 23.5607C15.158 23.2794 15 22.8978 15 22.5Z' fill='currentColor' /></svg>");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
}

.i-download
{
  --svg: url("data:image/svg+xml;utf8, <svg width='100%' style='' viewBox='0 0 36 36' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M18 24L10.5 16.5L12.6 14.325L16.5 18.225V6H19.5V18.225L23.4 14.325L25.5 16.5L18 24ZM6 30V22.5H9V27H27V22.5H30V30H6Z' fill='currentColor' /></svg>");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
}

.i-upload
{
  --svg: url("data:image/svg+xml;utf8, <svg width='100%' style='' viewBox='0 0 36 36' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M6 30V22.5H9V27H27V22.5H30V30H6Z' fill='currentColor' /><path d='M25.5 13.5L18 6L10.5 13.5L12.6 15.675L16.5 11.775L16.5 24H19.5L19.5 11.775L23.4 15.675L25.5 13.5Z' fill='currentColor' /></svg>");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
} 

.i-discord
{
  --svg: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14159_1922)'%3E%3Cpath d='M30.4954 6.76105C28.1344 5.69079 25.6368 4.93032 23.0684 4.49976C22.7485 5.06014 22.3747 5.81386 22.1169 6.41349C19.3477 6.01006 16.604 6.01006 13.8857 6.41349C13.6281 5.814 13.2459 5.06014 12.923 4.49976C10.3521 4.93052 7.85229 5.69293 5.49027 6.76664C0.790021 13.6484 -0.484182 20.3589 0.15285 26.9746C3.27036 29.2301 6.29155 30.6004 9.26183 31.497C10 30.5135 10.6526 29.4722 11.2127 28.3839C10.1463 27.9905 9.11815 27.5058 8.14063 26.9353C8.39787 26.7506 8.64906 26.5581 8.89382 26.3581C14.8172 29.0424 21.2533 29.0424 27.1062 26.3581C27.352 26.5568 27.6031 26.7492 27.8592 26.9353C26.8801 27.5073 25.8501 27.993 24.7815 28.3868C25.3448 29.4795 25.9962 30.5218 26.7324 31.4998C29.7055 30.6033 32.7295 29.233 35.847 26.9746C36.5945 19.3055 34.5701 12.6565 30.4954 6.76105ZM12.0198 22.9061C10.2416 22.9061 8.78328 21.2977 8.78328 19.3391C8.78328 17.3806 10.2105 15.7695 12.0198 15.7695C13.8292 15.7695 15.2873 17.3777 15.2563 19.3391C15.2591 21.2977 13.8292 22.9061 12.0198 22.9061ZM23.9801 22.9061C22.2019 22.9061 20.7437 21.2977 20.7437 19.3391C20.7437 17.3806 22.1708 15.7695 23.9801 15.7695C25.7895 15.7695 27.2476 17.3777 27.2165 19.3391C27.2165 21.2977 25.7895 22.9061 23.9801 22.9061Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14159_1922'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
}

.i-tos
{
  --svg: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9075 9.12686H16.8305M11.9075 18.0115H26.6767M11.9075 23.0884H26.6767M11.9075 28.1653H16.8305M6.98438 34.5115H31.5998V1.51147L6.98438 1.51147V34.5115Z' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='bevel'/%3E%3Cpath d='M25.4385 10.4621C25.7491 10.4621 26.001 10.2026 26.001 9.88252C26.001 9.56245 25.7491 9.30298 25.4385 9.30298C25.1278 9.30298 24.876 9.56245 24.876 9.88252C24.876 10.2026 25.1278 10.4621 25.4385 10.4621Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
}

.i-login
{
  --svg: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 36V32H30.4444V4H18V0H34V36H18ZM14.4444 28L12 25.1L16.5333 20H2V16H16.5333L12 10.9L14.4444 8L23.3333 18L14.4444 28Z' fill='white'/%3E%3C/svg%3E%0A");
  mask-image: var(--svg);
  mask-size: cover;
  -webkit-mask-image: var(--svg);
  -webkit-mask-size: cover;
}
.resource
{
  width: 100%; 
  height: 100%;  
  display:block; 
  background-size: 100% 100%; 
  background-repeat: no-repeat;
}
.gray-1
{
  color: #ffffffc0 !important;
}
.gray-2
{
  color: #ffffff7f !important;
} 
.navbar .text
{
  font-weight:700;
  font-size: 1rem;
  color: #ffffff;
  margin: 0;
}  
.item-info
{
  background-color: #161A1Fc0;
  border: 1px #ffffff7f solid;
  color: white;
}
.item-info p
{
  margin: 0.0rem 0;
}
.item-info .content
{
  padding: 1rem;
  box-sizing: border-box;
}
.success
{
  color: #00ff87 !important;
}
.warning
{
  color: #eb8c63 !important;
}
.error
{
  color: #f16969 !important;
}
.info
{
  color: #3999ec !important;
}
div.button.small button
{
  font-weight: normal;
  font-size: 0.75rem;
}
div.button.small p
{
  padding: 0.25rem 2rem;
}

button.text {
  border: none;
  cursor: pointer;
  display: inline-block;
  color: #ffffffc0;
  margin: 0;
  background: none;
}

/* On mouse-over */
button.text:hover {
  color: #ffffff;
}
button.text.disabled
{
  color: #ffffff7f;
  cursor: default;
}

button.text.disabled:hover
{
  color: #ffffff7f;
}
input::file-selector-button {
  font-weight: bold;
  color: #ffffff;
  padding: 0.25rem;
  border: currentColor;
  background-color: #538bbc;
}
textarea::-webkit-resizer {
  color: green;
  background-color: red;;
}
#progress.inner
{
  height: 110%; width: 110%; align-self: center; 
}
#error.inner
{
  height: 110%; width: 110%; align-self: center; 
}
button[disabled]
{
  background: #ffffff7f;
}
button[disabled]:hover
{
  background: #ffffff7f;
  box-shadow: currentColor;
}

pre
{
  background-color: #00000055;
}

.seo-only
{
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);
}