:root { --ink: #2b3a42; --muted: #5f6f78; --accent: #1f6f78; --line: #d9e2e5; --bg: #f7f9f9; --card: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; background: var(--bg); color: var(--ink); font-family: "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif; line-height: 1.8; }
main { width: 100%; max-width: 520px; padding: 32px 24px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; }
h1 { margin: 0 0 4px; font-size: 1.5rem; }
.name { margin: 0 0 20px; color: var(--muted); }
.links { list-style: none; margin: 24px 0 0; padding: 0; }
.links li + li { margin-top: 12px; }
.links a { display: block; padding: 12px 16px; text-align: center; color: #fff; background: var(--accent); border-radius: 6px; text-decoration: none; }
.links a:hover, .links a:focus { opacity: .85; }
.back { margin: 20px 0 0; text-align: center; }
.back a { color: var(--accent); }