:root{color-scheme:dark}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0d1821;color:#e9f0f5;font:17px/1.6 system-ui}main{max-width:440px;margin:24px;padding:38px;border:1px solid #3e5667;border-top:4px solid #e6c477;border-radius:10px;background:linear-gradient(145deg,#203340,#121f29);box-shadow:0 20px 70px #0005}h1{font:32px Georgia,serif;color:#e6c477}p{color:#bbccda}a{display:block;padding:14px;border-radius:5px;text-align:center;background:#e6c477;color:#101c25;text-decoration:none;font-weight:700}a:hover,a:focus-visible{box-shadow:0 0 18px #70dc9c;outline:2px solid #70dc9c}small{display:block;margin-top:20px;color:#9bb1c3}