/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
mark { background-color: transparent; color: inherit; }
input::-moz-focus-inner { border: 0; padding: 0; }
input[type="text"], input[type="email"], select, textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
*, *::before, *::after { box-sizing: border-box; }

/* Base */
body {
  line-height: 1;
  min-height: var(--viewport-height);
  min-width: 320px;
  overflow-x: hidden;
  word-wrap: break-word;
  background-color: #000;
}
body::before {
  background-attachment: scroll;
  content: '';
  display: block;
  height: var(--background-height);
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: scale(1);
  width: 100vw;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='640' height='480' viewBox='0 0 640 480' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-opacity='1'/%3E%3Cstop offset='1' stop-opacity='0.2'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23g)' stroke='none'%3E%3Ccircle cx='203' cy='51' r='12'/%3E%3Ccircle cx='160' cy='355' r='11'/%3E%3Ccircle cx='188' cy='188' r='5'/%3E%3Ccircle cx='366' cy='348' r='11'/%3E%3Ccircle cx='405' cy='286' r='6'/%3E%3Ccircle cx='596' cy='434' r='11'/%3E%3Ccircle cx='281' cy='27' r='11'/%3E%3Ccircle cx='346' cy='278' r='6'/%3E%3Ccircle cx='302' cy='144' r='12'/%3E%3Ccircle cx='356' cy='44' r='8'/%3E%3Ccircle cx='581' cy='26' r='4'/%3E%3Ccircle cx='279' cy='317' r='9'/%3E%3Ccircle cx='558' cy='117' r='4'/%3E%3Ccircle cx='549' cy='258' r='12'/%3E%3Ccircle cx='105' cy='382' r='5'/%3E%3Ccircle cx='214' cy='251' r='6'/%3E%3Ccircle cx='486' cy='281' r='8'/%3E%3Ccircle cx='135' cy='213' r='12'/%3E%3Ccircle cx='232' cy='125' r='8'/%3E%3Ccircle cx='55' cy='311' r='3'/%3E%3Ccircle cx='473' cy='91' r='11'/%3E%3Ccircle cx='23' cy='258' r='5'/%3E%3Ccircle cx='493' cy='382' r='12'/%3E%3Ccircle cx='436' cy='414' r='9'/%3E%3Ccircle cx='370' cy='456' r='5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body::after {
  background-color: #0019ff;
  content: '';
  display: block;
  pointer-events: none;
  position: fixed;
  transform: scale(1);
  z-index: 1;
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  transition: opacity 1s ease-in-out 0s, visibility 1s 0s;
  visibility: hidden;
  width: 100%;
}
body.is-loading::after {
  opacity: 1;
  visibility: visible;
}

:root {
  --background-height: 100vh;
  --site-language-alignment: left;
  --site-language-direction: ltr;
  --site-language-flex-alignment: flex-start;
  --site-language-indent-left: 1;
  --site-language-indent-right: 0;
  --site-language-margin-left: 0;
  --site-language-margin-right: auto;
  --viewport-height: 100vh;
}

html { font-size: 18pt; }
u { text-decoration: underline; }
strong { color: inherit; font-weight: bolder; }
em { font-style: italic; }
code {
  background-color: rgba(144, 144, 144, 0.25);
  border-radius: 0.25em;
  font-family: 'Lucida Console', 'Courier New', monospace;
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0 0.25em;
  padding: 0.25em 0.5em;
  text-indent: 0;
}
mark { background-color: rgba(144, 144, 144, 0.25); }
s { text-decoration: line-through; }
sub { font-size: smaller; vertical-align: sub; }
sup { font-size: smaller; vertical-align: super; }
a { color: inherit; text-decoration: underline; transition: color 0.25s ease; }
a[onclick]:not([href]) { cursor: pointer; }

/* Layout */
#wrapper {
  -webkit-overflow-scrolling: touch;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--viewport-height);
  overflow: hidden;
  position: relative;
  z-index: 2;
}

#main {
  --alignment: center;
  --flex-alignment: center;
  --indent-left: 1;
  --indent-right: 1;
  --margin-left: auto;
  --margin-right: auto;
  --border-radius-tl: 0;
  --border-radius-tr: 0;
  --border-radius-br: 0;
  --border-radius-bl: 0;
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  max-width: 100%;
  position: relative;
  text-align: var(--alignment);
  z-index: 1;
  transition: opacity 1s ease 0s, transform 1s ease 0s;
}

#main > .inner {
  --padding-horizontal: 12rem;
  --padding-vertical: 3rem;
  --spacing: 1.5rem;
  --width: 57rem;
  border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
  max-width: 100%;
  position: relative;
  width: var(--width);
  z-index: 1;
  padding: var(--padding-vertical) var(--padding-horizontal);
}

#main > .inner > * {
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
}
#main > .inner > :first-child { margin-top: 0 !important; }
#main > .inner > :last-child { margin-bottom: 0 !important; }

/* Container */
.container { position: relative; }
.container > .wrapper {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
}
.container > .wrapper > .inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
}

#container01 {
  --alignment: right;
  --flex-alignment: flex-end;
  --indent-left: 0;
  --indent-right: 1;
  --margin-left: auto;
  --margin-right: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
#container01 > .wrapper > .inner {
  --gutters: 4rem;
  --padding-horizontal: 0;
  --padding-vertical: 0;
  padding: var(--padding-vertical) var(--padding-horizontal);
}
#container01 > .wrapper { max-width: var(--width); width: 100%; }
#container01.default > .wrapper > .inner > * {
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
}
#container01.default > .wrapper > .inner > *:first-child { margin-top: 0 !important; }
#container01.default > .wrapper > .inner > *:last-child { margin-bottom: 0 !important; }

/* Typography */
h1, h2, h3, p { direction: var(--site-language-direction); position: relative; }
h1 span.p, h2 span.p, h3 span.p, p span.p { display: block; position: relative; }

#text01 {
  text-align: left;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
}
#text01 a { text-decoration: underline; }
#text01 a:hover { text-decoration: none; }
#text01 span.p:nth-child(n + 2) { margin-top: 1rem; }

/* Load state */
body.is-loading #main {
  opacity: 0;
  transform: scale(0.97);
}

/* Media queries */
@media (max-width: 1680px) {
  html { font-size: 13pt; }
}
@media (max-width: 1280px) {
  html { font-size: 13pt; }
}
@media (max-width: 980px) {
  html { font-size: 11pt; }
}
@media (max-width: 736px) {
  html { font-size: 12pt; }
  #main > .inner {
    --padding-horizontal: 2rem;
    --padding-vertical: 3rem;
    --spacing: 1.5rem;
  }
  #container01 {
    --alignment: center;
    --flex-alignment: center;
    --indent-left: 1;
    --indent-right: 1;
    --margin-left: auto;
    --margin-right: auto;
  }
  #container01 > .wrapper > .inner {
    --gutters: 2rem;
    --padding-horizontal: 0;
    --padding-vertical: 0;
  }
  #text01 {
    letter-spacing: 0;
    width: 100%;
    font-size: 1em;
    line-height: 1.5;
  }
}
@media (max-width: 480px) {
  #main > .inner { --spacing: 1.3125rem; }
}
@media (max-width: 360px) {
  #main > .inner {
    --padding-horizontal: 1.5rem;
    --padding-vertical: 2.25rem;
    --spacing: 1.125rem;
  }
  #container01 > .wrapper > .inner {
    --gutters: 2rem;
    --padding-horizontal: 0;
    --padding-vertical: 0;
  }
  #text01 { font-size: 1em; }
}