:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #fff;
  background: #111;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.dashboard { width: min(100% - 40px, 920px); min-height: 100vh; margin: 0 auto; padding: 36px 0; display: flex; flex-direction: column; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .18em; text-decoration: none; }
.back-link { color: #a8a8a8; font-size: 12px; text-decoration: none; }
.back-link:hover { color: #fff; }
.content { width: 100%; margin: auto 0; padding: 80px 0; }
.eyebrow { margin: 0 0 20px; color: #a8a8a8; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
h1 { max-width: 800px; margin: 0; font-size: clamp(44px, 8.5vw, 80px); font-weight: 800; letter-spacing: -.065em; line-height: 1.02; text-wrap: balance; }
.intro { margin: 24px 0 40px; color: #a8a8a8; font-size: 16px; line-height: 1.7; }
.links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.link-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 158px; padding: 24px; border: 1px solid #303030; border-radius: 18px; background: #181818; color: #fff; text-decoration: none; box-shadow: 0 10px 30px rgb(0 0 0 / .2); transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.link-card:hover { border-color: #777; box-shadow: 0 16px 36px rgb(0 0 0 / .38); transform: translateY(-3px); }
a:focus-visible, button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.link-label { display: grid; gap: 8px; min-width: 0; }
.link-label .number { margin-bottom: 6px; color: #777; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.link-label strong { font-size: 16px; line-height: 1.45; }
.link-label .description { color: #999; font-size: 13px; line-height: 1.65; }
.arrow { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #2a2a2a; font-size: 21px; }
footer { color: #777; font-size: 12px; line-height: 1.6; }
.setup-panel { padding: 28px; border: 1px solid #303030; border-radius: 18px; background: #181818; }
.setup-label { color: #b4a488; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.setup-panel h2 { margin: 18px 0 12px; font-size: 20px; }
.setup-panel p { margin: 0 0 28px; color: #999; font-size: 14px; line-height: 1.8; }
@media (max-width: 600px) {
  .dashboard { width: min(100% - 32px, 920px); padding: 24px 0; }
  .content { padding: 64px 0; }
  .intro { margin: 22px 0 32px; }
  .links { grid-template-columns: 1fr; }
  .link-card { min-height: 140px; padding: 19px 20px; }
}
@media (prefers-reduced-motion: reduce) { .link-card { transition: none; } .link-card:hover { transform: none; } }