:root { color-scheme: dark; }
body { margin:0; padding:0; background:#0a0e1a; color:#dce4f2;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.8; }
.wrap { max-width:720px; margin:0 auto; padding:48px 24px; }
h1 { color:#8fd8ff; font-size:2rem; }
h2 { color:#8fd8ff; border-bottom:1px solid #24304a; padding-bottom:6px; margin-top:2.2em; }
h3 { color:#aebedb; }
a { color:#5ec4f0; }
.logo { font-size:2.6rem; font-weight:700; color:#8fd8ff; letter-spacing:.02em; }
.tagline { color:#8fa2c4; margin-top:-8px; }
.tile { display:inline-block; background:#17203a; border-radius:14px; padding:2px 18px;
  color:#4be0ff; font-weight:700; font-size:2.2rem; margin-right:8px;
  box-shadow:0 0 24px rgba(75,224,255,.25); }
footer { margin-top:56px; color:#5f6f8f; font-size:.85rem; border-top:1px solid #1a2338; padding-top:16px; }
.lang { font-size:.9rem; color:#8fa2c4; }