*{box-sizing:border-box}
html{color-scheme:dark}
html,body{margin:0;min-height:100%}
body{min-height:100dvh;color:#fff3dc;font-family:-apple-system,"PingFang SC","Noto Sans SC","Songti SC",serif;
  background:radial-gradient(130% 60% at 50% -8%,rgba(245,184,85,.16),rgba(245,184,85,0) 58%),radial-gradient(80% 42% at 88% 0%,rgba(143,200,255,.07),rgba(143,200,255,0) 62%),linear-gradient(178deg,#111a34 0%,#0d1425 54%,#0a0f1e 100%)}
.sky{position:fixed;inset:0;pointer-events:none}
.sky::before,.sky::after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#ecf1ff}
.sky::before{box-shadow:8vw 12vh 0 0 rgba(236,241,255,.8),22vw 28vh 0 .4px rgba(236,241,255,.45),71vw 9vh 0 0 rgba(255,210,122,.7),84vw 22vh 0 .5px rgba(236,241,255,.55),14vw 61vh 0 0 rgba(236,241,255,.35),39vw 74vh 0 .6px rgba(236,241,255,.5),63vw 68vh 0 0 rgba(236,241,255,.4),91vw 58vh 0 .3px rgba(255,243,220,.6),47vw 18vh 0 1px rgba(236,241,255,.75),6vw 40vh 0 0 rgba(236,241,255,.3),55vw 44vh 0 .2px rgba(236,241,255,.4),28vw 86vh 0 0 rgba(236,241,255,.28)}
.sky::after{box-shadow:76vw 36vh 0 0 rgba(236,241,255,.5),33vw 7vh 0 .5px rgba(255,210,122,.55),18vw 48vh 0 0 rgba(236,241,255,.32),92vw 78vh 0 .4px rgba(236,241,255,.4),51vw 88vh 0 0 rgba(236,241,255,.25),4vw 82vh 0 .6px rgba(236,241,255,.45),67vw 15vh 0 0 rgba(236,241,255,.6)}
.meteor{position:fixed;top:9%;right:11%;width:128px;height:2px;border-radius:2px;transform:rotate(154deg);pointer-events:none;
  background:linear-gradient(90deg,rgba(255,224,150,0),rgba(255,224,150,.85) 62%,#fff);box-shadow:0 0 10px rgba(245,184,85,.45)}
main{position:relative;z-index:1;width:min(28rem,calc(100% - 2.4rem));margin:0 auto;padding:calc(3.2rem + env(safe-area-inset-top)) 0 calc(2.4rem + env(safe-area-inset-bottom));text-align:center}
.halo{position:absolute;left:50%;top:2.2rem;width:16rem;height:16rem;transform:translateX(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,224,150,.28) 0%,rgba(245,184,85,.1) 38%,rgba(245,184,85,0) 68%)}
.mark{display:block;width:4.6rem;height:4.6rem;margin:0 auto .2rem;position:relative;filter:drop-shadow(0 0 18px rgba(245,184,85,.55)) drop-shadow(0 0 42px rgba(245,184,85,.28))}
.latin{margin:1rem 0 .35rem;font-size:.68rem;letter-spacing:.56em;text-indent:.56em;color:rgba(245,184,85,.8);font-weight:600}
h1{margin:0;font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-weight:900;font-size:3.15rem;letter-spacing:.2em;text-indent:.2em;line-height:1;
  background:linear-gradient(180deg,#fff3dc 8%,#ffd27a 54%,#e8a94b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.slogan{margin:.9rem 0 0;font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-size:.95rem;letter-spacing:.08em;color:rgba(236,241,255,.86)}
.card{margin-top:1.7rem;padding:1.45rem 1.25rem 1.25rem;text-align:left;background:rgba(17,26,48,.88);border:1px solid rgba(255,210,122,.16);border-radius:1.35rem;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.card h2{margin:0;font-size:1.02rem;font-weight:650;letter-spacing:.02em;line-height:1.45;color:#fff3dc}
.points{margin:.7rem 0 0;padding:0;list-style:none}
.points li{position:relative;padding:.22rem 0 .22rem .95rem;font-size:.92rem;line-height:1.55;color:rgba(236,241,255,.84)}
.points li::before{content:"";position:absolute;left:0;top:.62rem;width:.32rem;height:.32rem;border-radius:50%;background:#f5b855}
.free{margin:.65rem 0 0;font-size:.88rem;line-height:1.7;color:rgba(255,210,122,.88)}
.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.15rem;min-height:3.5rem;padding:.7rem 1rem;border-radius:1.05rem;text-decoration:none;font-weight:650;font-size:1.05rem;letter-spacing:.12em;color:#241606;
  background:linear-gradient(180deg,#ffd98f 0%,#f5b855 55%,#e8a030 100%);box-shadow:0 12px 32px rgba(245,184,85,.28),inset 0 1px 0 rgba(255,255,255,.55)}
.btn small{display:block;margin-top:.15rem;font-weight:450;font-size:.72rem;letter-spacing:.08em;opacity:.72}
.download[hidden]{display:none}
.btn:focus-visible{outline:2px solid #ffd589;outline-offset:4px}
.meta{min-height:1.2rem;margin:.75rem 0 0;text-align:center;font-size:.8rem;letter-spacing:.08em;color:rgba(236,241,255,.5)}
.studio{margin:1.6rem 0 0;font-size:.68rem;letter-spacing:.32em;text-indent:.32em;color:rgba(236,241,255,.42)}
@media (prefers-reduced-motion:reduce){.meteor{display:none}}