* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: system-ui, -apple-system, sans-serif; background: #f4f6f9; color: #2c3e50; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.container { max-width: 520px; padding: 40px 24px; text-align: center; }
h1 { font-size: 2.2rem; font-weight: 300; letter-spacing: -.02em; margin-bottom: 6px; }
p.sub { color: #6c757d; margin-bottom: 40px; }
ul { list-style: none; }
li { margin: 12px 0; }
a { display: block; padding: 16px 24px; background: #fff; border-radius: 10px; color: #3498db; text-decoration: none; font-size: 1.1rem; box-shadow: 0 1px 4px rgba(0,0,0,.06); transition: box-shadow .15s; }
a:hover { box-shadow: 0 2px 12px rgba(0,0,0,.1); }
a small { display: block; color: #6c757d; font-size: .75rem; margin-top: 2px; }
footer { margin-top: 48px; font-size: .75rem; color: #adb5bd; }