:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:#f2f5f4;color:#16201e;
  font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;line-height:1.7}
.card{max-width:30rem;padding:2rem 1.5rem;text-align:center}
h1{font-size:1.5rem;margin:0 0 .6rem}
p{margin:0 0 .8rem}
.hint{font-size:.9rem;color:#65756f}
.links{font-size:.85rem}
a{color:#0f6b62}
@media (prefers-color-scheme:dark){
  body{background:#101716;color:#e2eae7}
  .hint{color:#859390}
  a{color:#5fcbbc}
}