@import url('https://font.kivo.wiki/Blueaka/Blueaka.css');
@font-face {
  font-family: 'u30fc';
  src: url('/_assets/fonts/Blueaka_u30fc.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;}
* {
  font-family: 'u30fc', 'Blueaka', sans-serif;
  line-height: 1.5;
  letter-spacing: -0.03em;
  box-sizing: border-box; margin: 0;
  -webkit-tap-highlight-color: transparent;}
p {text-align:center;}



.transbtn {
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 6px;
  text-decoration: none;
  background: rgba(255,255,255,.2);
  color: #fff;
  transition: background .18s ease,color .18s ease;}
.transbtn:hover {background:#fff;color:#1b1b1b;}

.go {color:#fff;text-decoration:underline;text-underline-offset:5px;}
.go:hover {color:#09f}

.footer {
  border-top: 1px solid #bebebe;
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 0 0 0;}
.footer a {color: #1b1b1b; text-decoration: none;}
.copyr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #5f5f5f;}
.copyr a {
  color: #5f5f5f;
  text-decoration: underline;}
.footer h1, .footer h2,.footer h3,
.footer h4, .footer h5, .footer h6 {
  font-weight: 600;
  margin: 10px 0;
  margin-bottom: 6px;}



.bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;}
.bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  display: block;}
.page {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding: 120px max(24px, calc((100vw - 1120px) / 2));
  overflow: hidden;
  color: #fff;}
.page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:linear-gradient(90deg,
    rgba(14,19,23,.82),
    rgba(14,19,23,.46)62%,
    rgba(14,19,23,.16));}
.page h1 {
  margin-bottom: 18px;
  font-size: 48px;
  line-height: 1.12;}
.page2, .page3 {
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0 10px;}
.page3 {
  display: flex;
  flex-direction: column;
  justify-content: center;}
.page2 a, .page3 a {color: #1b1b1b;}
.page2, .page3 {
  height: 100vh;
  background: #fff;}
.page3 h1 {margin-top: 20px;}
.page2 {text-align: center;}



@media (min-width:800px) {
  h1 {font-size: 2.5em;}
  h2 {font-size: 1.6em;}
  .copyr a, .copyr p {font-size: 1.15em;}
  .page h1 {font-size: 64px;}
}