@font-face {
  font-family: Orbitron; font-style: normal; font-weight: 900; font-display: swap;
  src: url('fonts/orbitron-900-latin.woff2') format('woff2');
}
@font-face {
  font-family: Rajdhani; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/rajdhani-600-latin.woff2') format('woff2');
}
:root { color-scheme: dark; --ink: #f4e8e4; --muted: #c7b6b0; --ember: #e7674b; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; background: #070405; color: var(--ink); font-family: 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 2px solid #76eaff; outline-offset: 6px; }
.atmosphere { position: fixed; inset: 0; overflow: hidden; pointer-events: none; isolation: isolate; }
.atmosphere::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 29%, #060709 0%, #080406b3 40%, #08020533 74%), linear-gradient(180deg, #060305 0%, #190609 63%, #460b10 100%); }
.haze { position: absolute; inset: -20%; opacity: .86; background: radial-gradient(ellipse at 7% 70%, #e523365e, transparent 35%), radial-gradient(ellipse at 94% 59%, #b415304d, transparent 34%), radial-gradient(ellipse at 46% 108%, #ff48278c, transparent 43%); animation: drift 17s ease-in-out infinite alternate; animation-play-state: paused; }
.haze--veil { inset: -16%; background: radial-gradient(ellipse at 17% 92%, #fb452761, transparent 30%), radial-gradient(ellipse at 87% 93%, #e4283b63, transparent 36%), radial-gradient(ellipse at 6% 23%, #901b2b26, transparent 27%); animation-name: veil; animation-duration: 23s; }
.horizon { position: absolute; height: 56vh; left: -12%; right: -12%; bottom: -23vh; background: radial-gradient(ellipse at 50% 74%, #ff632c66 0%, #e52d3040 32%, #99102217 55%, transparent 73%); animation: breathe 8s ease-in-out infinite alternate; animation-play-state: paused; }
#embers { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .96; }
.vignette { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 38%, #04020529 0%, transparent 49%, #03020466 100%); }
.grain { position: absolute; inset: 0; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.motion-active .haze, .motion-active .horizon { animation-play-state: running; }
.page { position: relative; display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; padding: 0 48px; }
.masthead { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; font-size: 12px; letter-spacing: .16em; }
.domain { font-weight: 600; color: #ead7cf; min-height: 44px; display: inline-flex; align-items: center; }
.domain span { color: var(--muted); }
main { flex: 1; display: grid; align-items: center; justify-items: center; padding: 16px 0 12px; }
.hero { width: 100%; max-width: 1080px; text-align: center; }
.wordmark { margin: 0; font-family: Orbitron, sans-serif; font-size: clamp(26px, 6.2vw, 86px); font-weight: 900; font-style: normal; font-synthesis: none; line-height: .9; letter-spacing: 0; text-transform: uppercase; transform: skewX(-7deg); white-space: nowrap; color: #5ff2ff; -webkit-text-fill-color: #5ff2ff; text-shadow: 0 0 8px rgba(95,242,255,.9), 0 0 26px rgba(40,200,255,.7), 0 0 56px rgba(20,160,230,.55); }
.wordmark span { color: inherit; }
.rate { position: relative; display: flex; align-items: center; justify-content: center; height: 82px; margin-top: 20px; }
.rate__art { display: block; width: 294px; max-width: 100%; height: auto; flex-shrink: 0; }
.rate__accessible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.update { margin: 14px 0 24px; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .18em; color: #e8bcaa; }
.update > span { color: var(--muted); }
.update > span:first-child { margin: 0 10px; color: #c48b76; }
.launch { position: relative; width: min(100%, 620px); margin: 0 auto; padding-top: 20px; }
.launch__label { color: #e5dad5; font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: .22em; text-shadow: 0 1px 3px #000b; margin: 0 0 8px; }
#launch-date { display: flex; align-items: center; justify-content: center; gap: 15px; font-family: Rajdhani, sans-serif; font-weight: 600; }
.launch__date { font-size: 32px; letter-spacing: .07em; }
.launch__separator { height: 15px; width: 1px; background: #98594880; }
.launch__hour { font-size: 26px; letter-spacing: .04em; color: #e2cdc2; }
.launch__hour abbr { font-family: 'Segoe UI', sans-serif; font-size: 12px; letter-spacing: .07em; text-decoration: none; margin-left: 3px; }
.countdown { display: flex; align-items: flex-start; justify-content: center; gap: 12px; width: min(100%, 520px); margin: 16px auto 0; padding: 16px 12px; font-variant-numeric: tabular-nums; }
.countdown__unit { min-width: 84px; }
.countdown__unit > span { display: block; font-family: Rajdhani, sans-serif; font-weight: 600; font-size: 64px; line-height: 1; letter-spacing: .02em; color: #fff2e9; text-shadow: 0 2px 12px #0005; }
.countdown__unit small { display: block; margin-top: 6px; color: #cbbeb6; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; }
.countdown > i { padding-top: 8px; font-size: 29px; color: #b88878; font-family: Rajdhani, sans-serif; font-style: normal; }
.launch__status { margin: 14px 0 0; font-size: 14px; line-height: 1.7; letter-spacing: .015em; color: var(--muted); }
.launch__status:empty { display: none; }
.entry { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 24px; }
.entry__button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 252px; min-height: 52px; padding: 0 28px; color: #c0fcff; font-family: Rajdhani, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: .22em; text-shadow: 0 0 18px #54e6f280; transition: color .2s, text-shadow .2s; }
.entry__label { position: relative; z-index: 1; padding-left: .22em; }
.entry__button:hover, .entry__button:focus-visible { color: #efffff; text-shadow: 0 0 22px #54e6f2b3; }
/* A transparent, local effect only: no panel, closed outline or moving label. */
.entry__electric { position: absolute; top: 50%; left: 50%; width: 280px; height: 92px; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; }
.entry__electric.is-active { opacity: 1; }
.entry__languages { display: flex; justify-content: center; gap: 14px; }
.entry__language { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 118px; min-height: 44px; padding: 0 10px; color: #e2ecec; font-size: 12px; font-weight: 600; letter-spacing: .06em; transition: color .2s; }
.entry__language:hover { color: #a0faff; }
.entry__flag { display: block; width: 30px; height: 20px; overflow: hidden; border-radius: 2px; flex-shrink: 0; }
.features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; width: min(100%, 840px); gap: 0; padding: 0; margin: 22px auto 0; list-style: none; }
.features li { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 80px; gap: 12px; padding: 14px 18px; font-size: 12px; font-weight: 600; letter-spacing: .04em; color: #e7dcd6; }
.features li > span { min-width: 0; line-height: 1.5; text-align: left; text-shadow: 0 1px 5px #0009; }
.feature-icon { display: block; width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; }
.community { margin-top: 16px; }
.community__button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 44px; padding: 0 24px; color: #e4d7d0; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-shadow: 0 1px 5px #0009; transition: color .2s; }
.community__button:hover { color: #fff5ec; }
.community__button svg { width: 17px; height: 17px; fill: currentColor; }
.footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; color: #eaded6; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; text-shadow: 0 1px 3px #000b; }
.footer__divider { margin: 0 9px; color: #c49e8e; }
.footer__date { color: inherit; }
.no-script { font-size: 12px; line-height: 1.7; color: #c4a598; }
@keyframes drift { from { transform: translate(-3%, 2%) scale(1); opacity: .68; } to { transform: translate(4%, -4%) scale(1.1); opacity: .96; } }
@keyframes veil { from { transform: translate(3%, 5%) rotate(-5deg); opacity: .58; } to { transform: translate(-4%, -3%) rotate(5deg); opacity: .9; } }
@keyframes breathe { from { transform: translate(-2%, 3%) scale(.96); opacity: .52; } to { transform: translate(2%, -4%) scale(1.08); opacity: .92; } }
@media (min-width: 1000px) and (min-height: 1000px) { main { padding-block: 32px 48px; } .rate { margin-top: 28px; } .features { margin-top: 34px; } }
@media (max-width: 800px) {
  .page { padding-inline: 26px; }
  .wordmark { font-size: 6.3vw; }
  .features li { flex-direction: column; gap: 8px; padding: 14px 10px; }
  .features li > span { text-align: center; }
  .footer__date { display: none; }
}
@media (max-width: 520px) {
  .page { padding-inline: 20px; }
  .masthead { min-height: 60px; gap: 10px; letter-spacing: .08em; }
  main { padding: 18px 0 24px; }
  .wordmark { font-size: 7.05vw; }
  .rate { height: 78px; margin-top: 22px; }
  .rate__art { width: 234px; }
  .update { margin-top: 12px; margin-bottom: 22px; letter-spacing: .12em; }
  .launch { padding-top: 20px; }
  .launch__date { font-size: 28px; }
  .launch__hour { font-size: 24px; }
  #launch-date { gap: 10px; }
  .countdown { gap: 3px; margin-top: 16px; padding: 14px 6px; }
  .countdown__unit { min-width: 0; flex: 1; }
  .countdown__unit > span { font-size: 46px; }
  .countdown__unit small { letter-spacing: .025em; }
  .countdown > i { font-size: 22px; padding-top: 5px; }
  .entry { margin-top: 22px; }
  .entry__button { min-width: 236px; }
  .entry__languages { gap: 8px; }
  .features { grid-template-columns: 1fr; max-width: 380px; margin-top: 22px; padding-inline: 16px; }
  .features li { flex-direction: row; justify-content: flex-start; min-height: 70px; padding: 10px 4px; gap: 16px; }
  .features li > span { text-align: left; }
  .feature-icon { width: 44px; height: 44px; }
  .community { margin-top: 18px; }
  .footer { min-height: 60px; gap: 8px; letter-spacing: .035em; }
  .footer__divider { margin-inline: 4px; }
}
@media (prefers-reduced-motion: reduce) { .haze, .horizon { animation: none; } .entry__electric { display: none; } .entry__button, .entry__language, .community__button { transition: none; } }