:root{--ground:#EBEDF0;--backdrop:#A9ADB3;--panel:#FFFFFF;--ink:#000000;--navy:#2B4A66;--muted:#3C4650}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;background:var(--ground);color:var(--ink);font:500 16px/1.4 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.card{max-width:580px;margin:0 auto;padding:40px 16px 96px;display:flex;flex-direction:column;align-items:center}
.logo{width:96px;height:96px;border-radius:50%;display:block}
h1{margin-top:16px;font-size:24px;line-height:1.25;font-weight:600;text-align:center;text-wrap:balance}
.tagline{margin-top:6px;text-align:center}
.social{list-style:none;display:flex;gap:6px;margin-top:12px}
.social a{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);border-radius:50%}
.social svg{width:26px;height:26px}
.links{list-style:none;width:100%;margin-top:20px;display:grid;gap:14px}
.links a{position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:12px 56px;background:var(--panel);border-radius:8px;color:var(--ink);text-align:center;text-decoration:none;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:box-shadow .15s}
.links svg{position:absolute;left:18px;top:50%;width:24px;height:24px;margin-top:-12px;color:var(--navy)}
.links a:hover{box-shadow:0 3px 10px rgba(0,0,0,.14)}
.credit{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--muted);font-size:13px;text-decoration:none}
.credit img{width:20px;height:20px;border-radius:5px}
.credit b{font-weight:600}
a:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
@media (min-width:640px){
  body{background:var(--backdrop);padding:32px 16px}
  .card{background:var(--ground);border-radius:24px;padding:48px 32px 96px}
}
@media (prefers-reduced-motion:reduce){.links a{transition:none}}