:root{--bg:#eef0ff;--card:#fff;--text:#2e3150;--muted:#6c7092;--primary:#5d5bd7;--primary-hover:#4a49c0}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:linear-gradient(180deg,#dde1fc,#f7f8ff);line-height:1.6}
.wrap{max-width:920px;margin:auto;padding:48px 22px}
.hero,.card{background:rgba(255,255,255,.9);border-radius:28px;padding:32px;box-shadow:0 12px 40px rgba(72,73,130,.10);margin-bottom:22px}
.hero{text-align:center}
.icon{width:132px;border-radius:28px}
.wordmark{max-width:460px;width:90%;margin-top:18px}
.card{margin-top:22px}
h1{margin-top:0;font-size:28px;line-height:1.3}
h2{margin-top:32px;font-size:22px;line-height:1.4;color:var(--text)}
h3{margin-top:24px;font-size:18px;line-height:1.4;color:var(--text)}
h1:first-child,h2:first-child{margin-top:0}
p{margin:12px 0;line-height:1.75}
ul,ol{line-height:1.75;margin:12px 0;padding-left:28px}
li{margin:8px 0}
.muted{color:var(--muted)}
nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:22px}
a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}
a:hover{color:var(--primary-hover)}
.email-button{display:inline-block;background:var(--primary);color:#fff;padding:12px 28px;border-radius:24px;font-weight:600;text-decoration:none;transition:background .2s}
.email-button:hover{background:var(--primary-hover);color:#fff}
.notice{padding:14px 16px;border-radius:14px;background:#fff4d8;color:#6e5521;margin:16px 0}
footer{text-align:center;color:var(--muted);padding:34px 0;font-size:14px}
footer p{margin:8px 0}
small{font-size:12px;color:var(--muted);line-height:1.6}
@media (max-width:640px){
  .wrap{padding:32px 16px}
  h1{font-size:24px}
  h2{font-size:20px}
  h3{font-size:17px}
  .hero,.card{padding:24px;border-radius:20px}
  .icon{width:100px}
}