:root {
      --bg:      #0d1117;
      --surface: #161b22;
      --border:  #30363d;
      --text:    #e6edf3;
      --muted:   #7d8590;
      --blue:    #2f81f7;
      --green:   #3fb950;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 32px;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -.3px;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--green);
    }

    p {
      color: var(--muted);
      font-size: 15px;
    }

    .links {
      display: flex;
      gap: 12px;
    }

    .link {
      padding: 8px 20px;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 500;
      text-decoration: none;
      border: 1px solid var(--border);
      color: var(--text);
      background: var(--surface);
      transition: border-color .2s, color .2s;
    }
    .link:hover { border-color: var(--blue); color: var(--blue); }
    .link.primary { background: var(--blue); border-color: var(--blue); color: #fff; }
    .link.primary:hover { opacity: .85; color: #fff; }